Create Your Own Bookmarks / Navigation / Link Aggregation / Dashboard Website Using Cloudflare Workers

This Card-Tab project is a lightweight navigation page deployed in CF, with removable card-style bookmarks for easy management. It has a simple management interface to manage all bookmarks. 

Github projects:

• Original Author: https://github.com/hmhm2022/Card-Tab
• English Version: https://github.com/JohnnyNetsec/Card-Tab-En/

 

Related Posts:

• Deploy Discovery Navigation into Github Page
• Create Your Own Bookmarks Navigation Website based Github WebStack-Laravel Project
• Create Your Own Bookmark Navigation Website Using Onenav Docker
• Build a Serverless Bookmark/Dashboard Website Use Cloudflare Worker
• Popular Website Dashboards (Bookmarks / Navigation Site) to List Your Web Application
• [5 Mins Docker] Deploy A Light Weight, Fast Navigation Site - Flame (Docker Run & Fly.io)

Project Features and Interfaces

Demo site: https://demo.usgk.us.kg Alternate URL: https://demo.linuxdo.nyc.mn Password: admin

Not logged in interface

Logged in interface (dark theme)

Settings interface

Deployment Steps

1  Log in to Cloudflare: https://www.cloudflare.com, create workers, copy the update-workers code, and then deploy

2  Create a new KV storage named CARD_ORDER

3  Add an environment variable to set the backend management password. The variable name is ADMIN_PASSWORD, and the value your_password is replaced with your own password.

You can use either text type or secret type for this variable. 

4  Bind the CARD_ORDER variable of workers to the newly created KV storage to store bookmarks

4  Add your custom sub domain name

You can add custome domain or add a new route. The following screenshot shows a route added it for this workers. 

Update Bookmarks and Catgories

 The original author does not provide a way to update Category name or bookmark name. 

If we have to do edit those names, we might be able to do that by directly editing KV Pairs value.

Videos

 

References

• Create Your Own Bookmarks Navigation Website based Github WebStack-Laravel Project
• Create Your Own Bookmarks / Navigation / Link Aggregation Websites Using Cloudflare Workers
• Create Your Own Bookmark Navigation Website Using Onenav Docker
• Build a Serverless Bookmark/Dashboard Website Use Cloudflare Worker
• [5 Mins Docker] Deploy A Light Weight, Fast Navigation Site - Flame (Docker Run & Fly.io)
• Deploy Discovery Navigation into Github Page
• Popular Website Dashboards to List Your Web Application (Web App Portal)