Blueprint · Tech Stacks
How to Build and Publish a Website With AI — No Code, Almost Free
A few months ago I thought self-hosting a real website was expensive, technical, and out of my reach. It is none of those things. Here is the exact path I'd hand a friend who has an idea, a day job, and zero web-development experience.
The whole thing in one breath
Publishing a website used to be a skill you paid for. Now it's a conversation you have. You describe the site, an AI writes it, and one command puts it on Cloudflare's network. Hosting costs $0. The only real cost is a domain, paid once a year, around $10 to $15. The barrier to entry is one AI subscription.
I spent years paying for this mistake
For years I paid thousands of dollars a year to host the websites for my businesses. The active ones and the side projects both. It was never just the money. The platforms were hard to manage, painful to edit, and every renewal the price crept up while the good features moved behind a higher tier.
I never imagined I'd self-host a custom-coded site. I assumed it was expensive, deeply technical, and genuinely hard. So I kept paying.
It cracked open by accident. I wanted to spin up a project and I asked Claude a simple question: what's the fastest, cheapest way to do this? It pointed me at Cloudflare. I'd used Cloudflare for years for domain protection and had no idea you could host an entire site on it, for free. That was the whole unlock.
Explain like I'm 5 Wait, what's Cloudflare?
⚑ Hot take: this should make you angry
Squarespace, Wix, Shopify, Webflow. They raise prices year after year while the products get clunkier, not better. They gate the useful features and quietly bill you more for less. When you find out it's cheaper to host and control the whole thing yourself, and that it's genuinely fast and surprisingly easy, you should be a little annoyed about every invoice you paid before. I was.
I'm not an engineer. I'm a founder and marketer who needed websites and got tired of renting them. Everything below is the path that actually worked. It's written for the person who has always handed this part to someone else.
First, the part everyone gets wrong: the cost
People assume "cheap website" means "bad website." Here it's the opposite. The expensive part, the servers and the global network and the security, is given away by a company that makes its money elsewhere.
- $0Cloudflare hosting
- ~$12domain · per YEAR
- 100kfree requests / day
- ~20%of the web on Cloudflare
Two honest numbers to hold onto:
- Hosting: $0. Cloudflare's free plan serves 100,000 requests a day with SSL and a custom domain included. A personal or small-business site almost never exceeds that. You do not need the $5 a month plan to start, and most people never will.
- Domain: paid once a year, not monthly. A name like
yourbusiness.comruns about $10 to $15 a year at cost through Cloudflare Registrar. That's the one line item you can't avoid, and it bills annually.
Here's what most people pay instead:
A real switch, not a hypothetical
We moved thecouplesummit.org off a $40 a month Squarespace plan onto a $0 a month Cloudflare and Astro build. Same site, faster, and the bill dropped to the price of the domain. You can start here, and you can switch here too.
One more reason I trust this stack and didn't just chase "free": I asked two of the smartest AI engineers I know what they'd build almost everything on if they had to pick one stack. Both said Cloudflare. It runs about 20% of the web, it's fast everywhere, and it stays up. Here's the longer case for Cloudflare, and why I left Vercel.
The process: five steps, mostly conversation
Here's the whole arc. You'll do steps 1 to 3 in a notes app and steps 4 and 5 by talking to an AI.
- Map the goal. What is this site for?
- Map the sitemap. What pages exist?
- Pick the structure. How the files are organized, and how to make it citable by AI.
- Connect Claude to Cloudflare. Wire the AI to the host.
- Deploy. One command, and you're live.
Step 1: Map the goal (keep this short)
One paragraph. Who is this for, what should they do, and what does success look like? A coffee shop wants people to find the menu and directions. A consultant wants a booked call. A product wants an email signup. Write the single most important action a visitor should take. That's your north star, and it's the first thing your AI needs to know.
Step 2: Map the sitemap
A sitemap is the list of pages and how they connect. For most sites starting out, it's four or five boxes.
Explain like I'm 5 What's a sitemap?
One decision worth making now: include a blog or writing section even if it feels premature. It's the highest-leverage part of the site, because each post is a new way to be found, and increasingly a new way to get cited by ChatGPT and other AI.
Step 3: Pick the structure (and make it AI-citable)
"Structure" means how the files are organized on disk. With Astro, the framework I recommend, it looks like this. You don't memorize it. You just want to recognize it when your AI shows you.
Explain like I'm 10 What's Astro?
The one structural idea worth understanding is AI-citability. Search engines reward authority. AI engines reward citability, being the cleanest, most quotable source of a specific fact. That changes how you build pages: clear headings, real numbers, answer-first paragraphs, machine-readable schema. We have a page ranked #79 on Google that ChatGPT cites constantly because it's built this way.
◆ Build it citable from day one
Before you write a single page, read the companion piece: Answer Engine Optimization: The Exact Format ChatGPT Cites. It's the difference between a site nobody finds and a site AI quotes. Then tell your AI to build every page in that format.
Step 4: Connect Claude to Cloudflare
This is the step that sounds scariest and is the easiest, because the AI does it. You're connecting two accounts: the AI that builds (Claude), and the host that publishes (Cloudflare). Cloudflare even publishes an official Claude Code setup guide.
Explain like I'm 5 What does 'connect' actually mean here?
You'll need two free accounts: one for the AI (Claude, or ChatGPT and Codex), and a Cloudflare account. Then open Claude Code in a folder and paste this:
I want to build a website and I am not a developer. Please:
1. Set up a new Astro project in this folder, configured to deploy to Cloudflare.
2. Create these pages: Home, About, Services, Contact, and a Blog section.
3. Use clean, fast, SEO-friendly structure, and add basic schema markup so AI engines can cite the pages.
4. My site's goal is: [describe in one sentence what the site is for].
Walk me through what you're doing in plain English as you go, and don't assume I know the jargon.
End by asking me one question: "Which parts of this feel most uncertain — want me to explain them, or should I just build it for you?" To wire up publishing, connect Cloudflare. The cleanest path is the official integration, but you can also just ask:
Connect this project to my Cloudflare account so we can publish it. Set up Wrangler (Cloudflare's deploy tool), create the project on Cloudflare if needed, and tell me exactly what I need to click or paste to authorize you. Use Cloudflare's free Workers and Pages plan. I do not want to pay for hosting.
End by asking me one question: "Which parts of this feel most uncertain — want me to explain them, or should I just build it for you?" Explain like I'm 10 What's Wrangler?
wrangler deploy, which means "put my site on the internet."
Prefer Codex? The same flow works. Codex can run the identical Wrangler deploy. The only thing that changes is which AI is driving. My honest take on when to use which: Claude Code vs Codex.
Step 5: Deploy (you're live)
This is the anticlimax that should feel like magic. "Deploy" is one command, and the AI runs it.
Build the site and deploy it to Cloudflare. After it's live, give me the URL, and tell me how to connect my custom domain. I want it on my own .com, not a default address.
That's it. Claude builds the site, runs wrangler deploy, and hands you a live URL. Connect your domain (Claude walks you through the one DNS step), and your business is on the internet, on the same infrastructure as some of the largest sites in the world, for the price of the domain.
Explain like I'm 5 What's a domain and DNS?
max-ship.com. DNS is the phone book that points that address at your site. You buy the domain once a year. Claude and Cloudflare handle the phone-book part for you.
What this looks like in the wild
Two sites built and shipped exactly this way, both 100% on Cloudflare:
- max-ship.com, this very site. Astro plus Cloudflare. The page you're reading went live with one deploy command.
- World Wellness Guide, a searchable directory of wellness businesses. Same stack, bigger ambition: thousands of pages, still about $0 to host.
Both run the same lean stack this guide points at: Astro to build, Cloudflare to host, and PostHog to see what visitors actually do. All of it mostly free.
Stop telling yourself you can't do this
I didn't know how to do any of this a few months ago. I figured it out, and I'm not special. I could walk a five-year-old or a ten-year-old through this process and they'd have a real site by the end of the day, all without mom's credit card.
So don't talk yourself out of it before you start. The whole barrier is one subscription. Everything else is free and battle-tested. Start this week, with one folder and one idea, and if you get stuck, reach out. I'm always happy to help.
▲ The actual barrier to entry
One subscription. That's the whole moat you have to cross. The hosting, the framework, the deploy tooling, all free and proven. You don't need to be technical. You need to start.
References
- Cloudflare Workers — Pricing and Free Plan Limits · Cloudflare Docs · 2026
- Claude Code + Cloudflare — Agent Setup · Cloudflare Docs · 2026
- Astro — Build fast websites · astro.build · 2026
- Answer Engine Optimization: The Exact Format ChatGPT Cites · MaxShip · 2026
- Why I Build on Cloudflare, Not Vercel · MaxShip · 2026
- PostHog: The Free Analytics You Can Talk to With AI · MaxShip · 2026
- Claude Code vs Codex · MaxShip · 2026