Time to build something real. In this exercise, you’ll create a personal homepage and deploy it to the internet using Cloudflare Workers. By the end, you’ll have a live website at a .workers.dev URL.
The tools
You’ll use three tools to build and deploy your site:
Hono is a small, fast web framework that runs on Cloudflare Workers. It handles routing, serves your pages, and supports JSX so you can write your HTML in a component-like style. Think of it as a lightweight alternative to Express or Next.js, purpose-built for edge runtimes.
Tailwind CSS is a utility-first CSS framework. Instead of writing custom CSS, you style elements with classes like text-lg, bg-blue-500, and rounded-xl. For this exercise, you’ll load Tailwind from a CDN with a single <script> tag — no build step, no config files, no npm install. This is a practical choice for small projects and prototypes where you want to move fast.
Cloudflare Workers is a serverless platform that runs your code at the edge — close to your visitors, all around the world. Deploying is a single command (npx wrangler deploy), and the free tier is generous enough for personal projects.
Prerequisites
You’ll need Node.js installed to run the development server and deploy. If you don’t have it:
- macOS:
brew install node(requires Homebrew) - Windows/Linux: download the installer from nodejs.org
You’ll also need a free Cloudflare account — you can sign up quickly with a Google account. If you don’t have one, the agent will help you set it up.
What you’ll build
A personal homepage — a single page with your name, a short bio, your interests, and links to your profiles or projects. You’ll make it look polished with Tailwind and deploy it live.
Once the basics are working, you can take it further: add more pages, wire up something dynamic with Workers KV (like a visitor counter), or point a custom domain at it.