Create A Manageable Bookmark and Navigation Site Using Cloudflare Worker

12/2/24 •

Summaries by topic

• English

This video demonstrates how to create a manageable bookmark and navigation website using Cloudflare Workers and Pages. It involves deploying a translated version of the ‘card-tab’ project and customizing the website by adding storage, password protection, and a custom domain. The creator provides step-by-step instructions for setting up and configuring the site, enabling viewers to easily manage their links and categories.

Project Overview

• 00:00:10 The video focuses on a bookmark/navigation website project based on the original Chinese project, ‘card-tab’, which has been translated to English. The creator has produced several similar projects before, utilizing tools like Cloudflare workers and a serverless approach for easy and quick deployments.

Cloudflare Worker Deployment

• 00:00:47 To deploy this serverless project, a Cloudflare account is necessary. The project utilizes free Cloudflare services such as Workers, Pages, Domain, and Storage, which are readily accessible. The project can handle about 100,000 requests per day, sufficient for a small personal website.

Website Customization

• 00:05:55 The website requires customization, including creating storage for bookmarks through KV namespace in Cloudflare, which needs to be bound to the worker. Additionally, it requires setting up a login password, which can be defined in Cloudflare environment variables.

Backend Modifications

• 00:09:11 Some website modifications need to be performed through the backend, including removing a Chinese quote that appears on page refresh. The creator also mentions changing the category or link names and demonstrates how to edit them manually through the KV storage.

Custom Domain and DNS

• 00:11:43 The video demonstrates how to add a custom domain or a custom route to the deployed Cloudflare worker. It requires adding a DNS record for the custom subdomain, like 'card.pro.com', and configuring a Cloudflare worker route to direct the traffic. The process ensures the removal of the 'dangerous site' warning.