How to create web app dashboard with subdomain using Cloudflare.


On Internet, you can find web apps and websites but most people are not aware of web apps as only some companies and bloggers create web apps to make thier site feel like real app with same features and design, however now a days many people started creating upgraded version of web apps known as progressive web apps developed by Google in 2015.

Web apps offers app kinda feel but not an app as it's just change in user interface to make it feel like app, while incase of pwa aka progressive web app feel like real app and it can be installed on your desktop or smartphone like real app so for sure PWA web apps are much better but at the end PWA is web app as well.

If you're someone who frequently develop numerous web apps or progressive web apps then definitely you have to create a dashboard to categorize and present them cleanly at 1 place rightly on your website thus you're customers or visitors can access easily whenever they want that will help you in many ways.

But, it will take some extra time to create dashboard page as you have code and design new layout for dashboard page with extra features isn't? recently we found a GitHub project named CF-Worker-Dir created by Sleepwood by using that with Cloudflare you can easily create web app dashboard with your own subdomain in few minutes, unbelievable isn't?

Cloudflare is popular and reliable platform that provide numerous cloud technology services to make your website faster and protect from DDos mitigation attacks and they provide a feature named Workers by using it with CF-Worker-Dir GitHub project you can create nice web app dashboard for free, so do we got your attention? are you interested? If yes let's know little more info before we explore more.

• CF-Worker-Dir official support •


• How to create free web app dashboard with subdomain using Cloudflare •

- Go to Cloudflare.com/login and sign up or login into your dashboard then add your domains and activate them.



- In dashboard, tap on 


- Tap on Workers


- Tap on Manage Workers


- Tap on Create a Service


- Enter your preferred Service name then scroll down.


- Tap on Create service


- In Worker, tap on Quick edit.


- Remove existing code and add this code from index.js then tap on Save and Deploy.

- Don't forget to add your website title and description in code.


- Tap on Save and Deploy again.


- Go back, tap on 


- Tap on Websites


- Select your website.


- Tap on ≡ then tap on DNS


- Tap on + Add record


- Select Type : A, Enter preffered Name for subdomain, then Enter 8.8.8.0 or existing sub-domain IPv4 address.

- If by any chance A records didn't work then use Cname records.

- Tap on Save 


- Go back to Workers, then tap on Add route


- Replace my website with yours, select Service and Environment and then tap on Save


- Bingo, you successfully created web app dashboard with subdomain for free using Cloudflare Workers.

Atlast, this are just highlighted features of Cloudflare Workers and Sleepwood CF-Worker-Dir project there may be many hidden features in-built to provide external features for ultimate usage experience, anyway if you want to create finest free web app dashboard then Sleepwood CF-Worker-Dir is worthy choice.

Overall, it is very easy to implement Sleepwood CF-Worker-Dir  project on Cloudflare Workers to get simple and clean user-friendly web app dashboard, thanks to user friendly GitHub repository but in any project there is always space available for improvement so let's wait and see will Sleepwood CF-Worker-Dir project get any major changes in future to make it even better as of now it's super cool.

Moreover, Sleepwood CF-Worker-Dir + Cloudflare Workers is one of the very few methods available out there on internet to create best free web app dashboard, yes indeed if you're searching for such method then Sleepwood CF-Worker-Dir project has potential to become your new favourite.

Finally, this is how you can create a free web app dashboard using Cloudflare Workers, are you an existing user of this method? If yes do say your experience and mention if you know any better method to create web app dashboard in few minutes in our comment section below, see ya :)
Tech Tracker

I'm Mark Evans from india, I like technology and it's related fields from childhood being very passionate to read and share knowledge, I made this blog in focus of sharing technology topics In simplified manner.

Post a Comment

Previous Post Next Post