How to Build a Fast Website With Claude Code (No Hosting Fees)

If you’re not technical but you want a fast website with no monthly hosting bill, this is the setup I use. It’s how I built the blog you’re reading now.

When I built it, the site scored 100 out of 100 on Google’s own speed test, on both mobile and desktop. Hosting costs nothing, and I didn’t write a single line of code. I told Claude Code what I wanted and it built it.

By the end of this guide you’ll have a live website, built and published without any coding experience.

Who this setup is for

It’s best for static sites: personal sites, blogs, portfolios and small microsites. These sites show the same pages to everyone, and that’s what makes them fast and free to host.

If you need an online shop or user logins, this isn’t the right setup.

What you’ll need

Tool	What it’s for	Cost
GitHub	Stores your website’s files	Free
Claude Code	Builds the website for you	Paid Claude plan (Pro is £18 / about $20 a month)
Cloudflare Workers	Hosts the website so anyone can visit it	Free
Astro	The framework the site is built with. Claude handles it	Free
A domain name	Optional. Cloudflare gives you a free `.workers.dev` address	Optional

You’ll also need the Claude desktop app. If you haven’t installed it yet, follow my guide on how to install Claude Code on Windows.

Step 1: Set up GitHub and create a repository

GitHub is where your website lives. Every page and file of the site is stored there.

Sign up at github.com if you don’t have an account.
Turn on two-factor authentication for extra security.
Click Create repository.
Give it a name and a short description. I called mine my-blog.
Choose Public or Private. I kept mine public, and you can change it later.
Leave everything else as it is and click Create repository.

What’s a repository? It’s a folder on GitHub where your files are stored, in this case your website’s files. People often call it a “repo” for short.

Step 2: Install the Claude GitHub app

This gives Claude permission to work on your repository.

Go to github.com/apps/claude and install the official Claude app.
Choose whether it can access all repositories or only selected ones. I picked just the one I’d created, my-blog.
Click Install & Authorize and confirm. I used a passkey.
When you see “GitHub app installed”, click Finish installing.

It won’t show up in the Claude desktop app yet, and that’s normal. You can see it, and change its settings, at github.com/settings/installations.

Step 3: Connect Claude Code to GitHub

Claude Code needs a paid Claude plan. I’m on the Pro plan (£18 a month) and using the Claude desktop app.

Open the desktop app, go to the Code tab and click New.
Above the message box, there’s a folder selector set to Local. Click it and switch to Cloud.
Click Add cloud environment, give it a name (I called mine “GitHub”) and click Create environment.
Next to the environment there’s a button to select a repo. Click it and Claude asks you to connect GitHub.
Under connectors, find the GitHub integration, click Connect and authorise it. Claude reopens.
Restart the desktop app. Your repo won’t appear in the list until you do. This is the step that catches people out.
Click select repo again. Your new repository should be there, with a main branch.

Claude now has access to your GitHub account. Before building anything, set up somewhere to host the site.

Step 4: Create a free Cloudflare Workers account

Cloudflare puts your website on the internet so anyone can visit it, and for a site like this it’s free.

Go to cloudflare.com.
Click Products, then Workers, then Start building for free.
Sign up for an account.
Turn on two-factor authentication here too.

You now have three things ready: a GitHub account, a Cloudflare account, and Claude Code connected to GitHub.

Step 5: Ask Claude Code to build the site

Back in Claude Code, with your repo selected, ask it to create an Astro site that runs on Cloudflare Workers. Astro is a very fast website framework, and you don’t need to know anything about it because Claude does the work.

Ask Claude to walk you through it step by step, so you know what’s happening. Something like this works:

Create a blog website using Astro, set up to be hosted on Cloudflare Workers. I’m not technical, so walk me through anything I need to do step by step.

I already had a personal site, so I asked Claude to use it as a reference. You can just as easily ask it to start from scratch.

Tip: when I first did this, I hadn’t installed the Claude GitHub app yet, so Claude stopped to ask me to install it. That’s why it’s step 2 in this guide: with everything in place first, Claude can build without stopping.

Step 6: Connect GitHub to Cloudflare and deploy

Now your website’s files are in GitHub, and Cloudflare needs to pick them up.

In Cloudflare, click Build, then Workers & Pages.
Click Create application, then Connect GitHub.
Select your repo from the dropdown, then install and authorise.
Click Continue with GitHub, make sure your repo is selected and click Next.
I didn’t change any settings. Click Deploy.

After a few seconds the site is built and Cloudflare shows you its web address. Copy it into your browser and the site is live on the internet, with no hosting fees.

My first version was a very simple blog: a home page, a blog section and an about page. That’s plenty to start with.

From now on it updates itself. Whenever Claude saves a change to GitHub, Cloudflare rebuilds the site within a minute or two.

Step 7: Test your website’s speed

Check the site is fast with these two free tools:

Mine scored 100% for performance on both.

It’s worth checking again now and then, especially as you add images, videos and other features. A text-only site loads very quickly, and every big photo or embedded video adds weight.

Step 8: Write and publish blog posts with Claude

Once everything’s connected, you write and publish posts by asking Claude. You can:

paste in something you’ve already written, or
ask Claude to write a post about a topic.

To test it, I asked Claude to add a post saying new videos were coming to my YouTube channel. It wrote the post, added a title and an embed of my latest video, and published it.

I’ve also given Claude a tone of voice guide, so posts sound like me rather than like generic AI writing.

Changes work the same way. Just ask: “Can you change the title?” or “Can you add this paragraph?” Claude makes the change and publishes it.

What about a CMS?

This setup has no content management system (CMS), meaning no editor where you log in and type posts yourself. Everything goes through Claude.

If you’d like a WordPress-style editor for writing or tweaking posts by hand, I’m looking at Sanity. I’ll make a video once I’ve set it up and tested it.

Using your own domain name

Cloudflare gives you a free workers.dev address. You can change the first part to something more readable, which I did after recording the video.

When you’re ready, you can move the site to your own domain name by pointing the domain’s DNS at Cloudflare. Cloudflare’s documentation explains how. I’ve since done this myself, so this blog now lives at learnwithseb.com.

FAQ

Do I need to know how to code to build a website with Claude Code?

No. You describe what you want in plain English and Claude Code writes the code, sets up the project and saves it to GitHub. I didn’t write any code to build this site.

Is the hosting really free?

For a site like this, yes. Cloudflare Workers has a free plan, and a static site like this one fits comfortably within it. The only paid part is your Claude plan, which you need in order to use Claude Code.

Why is the website so fast?

Astro builds every page in advance as a plain web page, and Cloudflare serves those pages from servers around the world, close to whoever’s visiting. There’s no database to wait for on each visit, which is why it scores so well on speed tests.

Can I still change the site later?

Yes. Ask Claude for the change, such as a new page, a new post or new colours, and it updates GitHub. Cloudflare then rebuilds the live site automatically.

Free PDF guide: this tutorial is also available as a free step-by-step PDF, with no sign-up or email required. You’ll find the link in the video’s description, along with my Claude Code for beginners cheat sheet.

If this helped, subscribe on YouTube so you don’t miss the Sanity CMS and custom domain videos.