How to Build a Website with Claude Code (No Coding)
You don't need to know HTML, CSS, or JavaScript. You describe what you want in plain language and Claude Code writes the code for you. This walks through the whole process — the tools, what each step does, and what it actually costs.
Install Claude Code, create a free GitHub account, and create a free Cloudflare account. Describe the site you want in plain language and Claude Code writes the HTML/CSS/JS into an index.html. Preview it in your browser, keep refining in plain language, then ask it to push the files to GitHub. Connect the GitHub repo to Cloudflare Pages and it goes live for free (free HTTPS, global CDN). Every git push redeploys automatically. A simple single-page site can be live in an afternoon.
What you need
Three tools are enough. Two are completely free; one needs a subscription:
- Claude CodeYour AI pair-coder. Needs a subscription per the Anthropic docs (about $20/month). Runs in your terminal.
- GitHubFree. Stores your code and gives you version control (undo anytime).
- Cloudflare PagesFree. Puts your site on a global CDN with automatic HTTPS and unlimited bandwidth.
No code editor to learn first, no local server to run, no Mac required (Windows / macOS / Linux all work).
Six steps, from zero to live
- 1. Set up the toolsInstall Claude Code (needs an Anthropic subscription), create a free GitHub account, and create a free Cloudflare account. You need no code editor or local server to begin.
- 2. Describe your site in plain languageTell Claude Code what you want in your own words (e.g. "make me a one-page site selling pour-over coffee beans, dark background, with a products section and contact info"). It writes the HTML / CSS / JavaScript into a single index.html.
- 3. Preview, then refineOpen index.html in your browser. Whatever you dislike, say it plainly — "title too small", "use a cream background", "add an FAQ section". It edits the code; you just judge how it looks.
- 4. Push to GitHubAsk Claude Code to run the git commands (init, add, commit, push). Your code now lives in a GitHub repository — a cloud backup with full version history.
- 5. Go live for free on Cloudflare PagesConnect your GitHub repo to Cloudflare Pages. It builds and serves the site on a global CDN with free HTTPS. From then on, every git push redeploys automatically — you just edit, it ships.
- 6. Grow itUse the same describe-and-refine loop to add SEO tags, structured data, more pages, multiple languages, and a contact or subscribe form. A website is not finished when it is built — that is where it starts.
What does it actually cost?
Hosting is free — per the Cloudflare Pages official limits docs, the free tier already includes unlimited bandwidth, free HTTPS, and a global CDN. The only real cost is the Anthropic subscription Claude Code needs (about $20/month). A custom .com domain is optional (about $10/year). In other words, a live website can run on roughly $20/month in fixed cost.
Has anyone actually built real sites with just this workflow?
Yes — more than one. This site (morganvault.com), morgantrip.com (an interactive map of 4,000+ visited places across Asia), and morganbars.com (a recommendation map of 700+ Taipei bars and restaurants) were all built by one person with this same Claude Code + Cloudflare Pages workflow, and are all live now. All three are real, openable sites — not demos.
The honest caveat
Honestly: building the site is the easy part. The time goes afterwards — SEO, getting cited by AI search, collecting subscribers, driving traffic in. 'Site is live' does not equal 'people are coming'. That's exactly why you'll want the two follow-up guides below after this one.
Frequently asked questions
Do I really not need to know how to code?
Is it really free?
How long does it take?
What kinds of sites can I build?
Do I need a Mac?
What is the catch with building a website using AI?
Want the do-it-with-me full version?
Drop your email and instantly download Chapter 1 of the Morgan Vault e-book (PDF) — it walks you hands-on through editing your first line of HTML and setting up Claude Code as your AI pair-coder.
Ready to build one for real?
The full 200-page hands-on e-book takes you the whole way: from your first line of HTML to SEO/AEO, 16+ languages, subscriber collection, and traffic strategy. Includes copy-pasteable scripts and AI prompt templates. 23 languages.
See the e-book bundle — $39.90 →