Morgan VaultGuidesBuild a website with Claude Code
Guide · No coding

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.

By Morgan Wang · Updated
Short answer
How does a non-coder build a website with Claude Code?

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:

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. 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. 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. 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. 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. 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. 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?
Correct. You describe what you want in plain language and Claude Code writes the HTML / CSS / JavaScript. You still make the decisions and drive direction, but you do not write code by hand.
Is it really free?
Hosting is free: Cloudflare Pages' free tier includes unlimited bandwidth, free HTTPS, and a global CDN. Claude Code itself needs a paid Anthropic subscription (about $20/month). A custom domain is optional (about $10/year).
How long does it take?
A simple single-page site can be live in an afternoon. A polished site with design, SEO, and multiple languages is roughly two weeks of part-time work (a few hours a day).
What kinds of sites can I build?
Any static site: landing pages, portfolios, product or book sites, documentation, simple blogs, marketing pages. For dynamic features like form handling, add a Cloudflare Worker — also written for you by Claude Code.
Do I need a Mac?
No. Windows, macOS, and Linux all work. Claude Code runs in your terminal and the GitHub + Cloudflare Pages workflow is identical on every operating system.
What is the catch with building a website using AI?
The build is the easy part; the real work comes after: SEO, getting cited by AI search, collecting subscribers, driving traffic. A live site does not mean visitors will come — that takes deliberate, ongoing effort.

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 →