The Complete Website Workflow

Host. Back up. Deploy. Database. All Free.

The complete workflow for building an AI-powered website with Claude Code or Codex, version-backing it on GitHub, shipping it to Cloudflare Pages, connecting your own custom domain at no surcharge, and adding a real database with Cloudflare D1.

$0
Hosting + DB
5
Steps Total
300+
Edge Cities
99.99%
Uptime
01
The Setup

Vibe coding moved the bottleneck.

It's no longer the build. It's everything that comes after.

Claude Code and Codex made it trivial to build a website. You describe what you want, the model builds it, you tweak. An hour later you've got something live on your laptop.

Then the wall everyone hits. Where do you back it up so you don't lose a weekend's work? Where do you host it? How do you connect your own domain without paying a subscription tax? Where do form submissions go?

This is the exact workflow I use. Five steps, one direction. Hosting, backups, and the database run at $0 a month. The only thing you pay for is the domain itself, and you'd pay for that anywhere.

02
The Map

Five steps. One direction.

Build the site, back it up to GitHub, ship it to Cloudflare Pages, connect your custom domain, and add a database. Same flow with Claude Code or Codex.

STEP 01 BUILD

Design the website

Build it with Claude Code or Codex. Whichever AI coding tool you already use.

Claude Code / Codex
STEP 02 GH

Push to GitHub

Install the GitHub CLI. Push the whole site to a private repo. Version backups built in.

GitHub CLI
STEP 03 CF

Ship to Cloudflare Pages

Install the Cloudflare CLI. Push the site to Cloudflare Pages. URL ends in pages.dev. Live.

Cloudflare Pages
STEP 04 DNS

Connect your custom domain

Connect the domain you already own. No surcharge on the free tier. You bring the domain.

Your Domain
STEP 05 D1

Add Cloudflare D1

Same Cloudflare CLI. Tell it to add a D1 database. Form submissions now have a home.

Cloudflare D1
03
The Workflow

One direction. End to end.

Every step works inside Claude Code or Codex. Same flow either way.

STEP 01

Design the website

Build the site with Claude Code or Codex. Describe what you want, tweak as it generates, and end up with the files you'd ship from any normal project.

Claude Code / Codex
STEP 02

Push to GitHub

Install the GitHub CLI inside Claude Code (or Codex). Push the entire site to a GitHub repository. Make it private or public. Every version of every file is saved. Restore in seconds. As a bonus, you're not locked into one AI tool. You can move the site between Codex and Claude Code without rebuilding.

GitHub CLI cli.github.com
STEP 03

Push to Cloudflare Pages

Install the Cloudflare CLI (Wrangler) inside Claude Code or Codex. Tell the model to push the site to Cloudflare Pages. It deploys in seconds. Your URL ends in yoursite.pages.dev. The site is live to the world on a 300-city global edge with free SSL baked in.

STEP 04

Connect your custom domain

Ask Claude Code to wire it up, or open your Cloudflare dashboard and connect the domain under Custom Domains on the project. SSL is automatic. The domain points at your Pages project in seconds.

To be clear: the custom domain itself is not free. You bring a domain you already own (or buy one for around $10 a year). What's free is the connection. Cloudflare doesn't surcharge you for using your own domain on the free tier. Most other platforms charge a subscription the moment you swap off their default subdomain. Cloudflare doesn't.
STEP 05

Add Cloudflare D1

Use the same Cloudflare CLI from step 03. Tell it to add a Cloudflare D1 server to the site. D1 is Cloudflare's serverless SQL database. It sits next to Pages on the same edge. Every contact form, signup, and saved record now has a real home with a generous free tier.

RESULT

A proper website.

Built with AI. Backed up to a private GitHub repo. Hosted on a global edge. Custom domain connected at no surcharge. A real SQL database behind every form. Total cost of the workflow itself: zero. The AI tool you're building with (Claude Code or Codex, about $20/mo) is the only paid line item.

$0/month
04
The Stack

Six tools. The only cost is your AI coding subscription.

Every layer of the hosting workflow runs on a free tier. The only thing you actually pay for is the AI coding tool you already use to build with. Claude Code or Codex, around $20 a month for the Pro tier. Everything downstream of that is free.

Builder
Claude Code
Builds the site, runs the deploys, talks to the CLIs.
$20/mo (Pro)
Alt Builder
Codex
Same workflow if you prefer OpenAI's coding agent.
$20/mo (Pro)
Version Control
GitHub CLI
Push the entire site to a private repo. Restore any version.
Free
Hosting
Cloudflare Pages
Static + serverless hosting on a 300-city global edge.
Free tier
Deploy CLI
Wrangler
Cloudflare's CLI. Handles Pages and D1 from one place.
Free
Database
Cloudflare D1
Serverless SQL. Generous free tier. Sits next to Pages.
Free tier
05
The Outcome

What you actually get.

A real website. Not a prototype. Not a draft. Production-ready and resilient.

Quick note on "free." Hosting, version backups, the database, and SSL all run at zero dollars a month on these free tiers. The custom domain itself is not free, but the connection is. Cloudflare lets you point any domain you own at your Pages project on the free tier with no monthly surcharge. Most other platforms make you pay a subscription the second you swap off their default subdomain. Cloudflare doesn't. That's the differentiator.
$0
Hosting + DB
No card needed for hosting, backups, or the database. Free tiers cover most founder sites for years.
99.99%
Uptime
Global edge with automatic failover. The same network big SaaS runs on.
300+
Edge Cities
Cached close to every visitor on the planet. Fast everywhere.
Bandwidth
No bandwidth meter on the free tier. Go viral. Still free.
What's Next

Want help applying this to your business?

AI Lead Builder is the coaching program where I work with founders week to week. Same energy as this workflow, but for your whole business: leads, content, delivery, and operations.

Explore AI Lead Builder