There's a specific moment when you first build something in Claude Code. You describe a layout and it appears. You change your mind and it changes. You do this a few times — and then you open your Squarespace dashboard and something has shifted. It feels like going back to a flip phone.
That feeling is correct. The only gap is this: Claude builds your site as files on your computer. Getting it to a real URL is three steps. They're not hard. Here's what they actually are.
How it works
(local)
(storage)
(host)
(your URL)
GitHub is a storage place your host watches. When you push changes there, Cloudflare sees them and updates your live site. That's the whole mechanism — change something in Claude Code, push it, reload, done.
Step 1: Set up GitHub (free, ~5 minutes)
Create a free account at github.com and create a new repository. You can make it private — files on GitHub aren't public just because they're there. Cloudflare is what makes them a website.
You don't need to understand most of what GitHub does. Just tell Claude Code "commit and push everything to my GitHub repo" and give it your repo URL. Or use GitHub Desktop if you'd rather click than type. Either works.
Step 2: Deploy on Cloudflare Pages (free, ~4 minutes)
Go to cloudflare.com → Workers & Pages → Create → Pages → Connect to Git. Pick your GitHub repo.
Leave the build settings completely blank. No build command, no output directory. If you're working with plain HTML files, just hit Deploy and you're done.
Cloudflare hands you a free .pages.dev URL immediately. That's a real, live, shareable link. You can connect your domain later — but you're already online.
Step 3: Editing from here on out
This is the part I wanted to know most. Here's the actual day-to-day:
- Open your site folder in Claude Code
- Tell it what to change
- Tell it "commit and push"
- Your live site updates within a minute
No CMS. No visual editor. Changes go live faster than filing a support ticket ever did.
Tell Claude who you are — once
You already have a brand. You've had one for years. The annoying thing about Claude is that every new session, it forgets. You end up re-explaining your colors, your tone, your rules.
Fix: create a file called CLAUDE.md in your site folder. Claude reads it automatically every time. Put your business name, your hex codes (grab them from Squarespace before you leave), your fonts, your voice, and any rules that matter. Write it once, never explain yourself again.
If you've told Claude the same thing three sessions in a row, it belongs in CLAUDE.md.
Which host should you use?
I started on Netlify, switched to Cloudflare. Both are free. The honest difference:
Pick this if forms matter
- Built-in contact forms — one attribute, zero setup
- Submissions email you automatically
- Easiest possible start
- Slightly slower globally
Pick this for speed + DNS
- Noticeably faster global performance
- DNS lives in the same place as your host
- More room to grow
- Forms need a free third-party tool
Can't decide? Pick Cloudflare. That's what this site runs on and it's been seamless.
Pointing your Squarespace domain at the new site
You get a working .pages.dev URL instantly. When you're ready to use your real domain, here's what to do — it's two changes and a few hours of waiting:
- In Squarespace: go to Domains → your domain → Nameservers, and swap them to Cloudflare's (Cloudflare shows you the exact values)
- In Cloudflare: add your domain, then add a CNAME record pointing at your Pages site
- Wait a few hours for it to propagate
- Cancel your Squarespace subscription — your domain stays, your site just lives somewhere better now
Your domain is still registered at Squarespace, which is fine. When you're ready, you can transfer it to Cloudflare Registrar — usually a few dollars cheaper per year and everything lives in one place. No rush, 60-day transfer lock applies.
Contact forms and newsletter
On Netlify: Add netlify to your form tag. Done. No accounts, no setup.
On Cloudflare: Use Web3Forms — free up to 250 submissions/month, takes about 15 minutes to set up. Grab an access key, add two hidden fields to your form, submissions land in your inbox.
Newsletter: MailerLite is free up to 1,000 subscribers. They give you a copy-paste embed — drop it into your HTML and you're done. No backend, no server, nothing complicated. I set mine up in about 20 minutes.
What it actually costs
| What | Cost | Notes |
|---|---|---|
| GitHub | Free | Free for private repos, unlimited |
| Cloudflare Pages | Free | Unlimited sites, unlimited bandwidth on free tier |
| Web3Forms | Free | Up to 250 contact form submissions/month |
| MailerLite | Free | Up to 1,000 subscribers, 12,000 emails/month |
| Domain name | ~$10–20/yr | Wherever you buy it. Cloudflare Registrar charges at-cost — usually cheapest option |
| Claude Code | $20/mo | Claude Pro. This is the actual AI doing the building and editing. The only real line item. |
Everything that actually hosts and runs this site — the server, the deploy pipeline, the form handling, the newsletter — is free. The only real line item is Claude itself.
Squarespace Business (the plan you need for custom code injection) runs $36/month. You're switching to a faster, fully custom site for $20/month — and that $20 is Claude, which you're probably already using for other things anyway. The hosting is free.
What I actually used to build this site
This site — the one you're reading right now — was built entirely in Claude Code. No Webflow, no WordPress, no developer. Here's the exact stack:
Claude Code — did all the building, editing, committing, and deploying. Every page, every component, every fix.
Brand skill — a custom Claude skill that holds my full visual identity (colors, fonts, the two-tier professional/Melsplains aesthetic). Claude references it before touching any file so the site always looks like itself.
Voice skill — keeps my writing sounding like me across every page. The tone, the rhythm, the things I don't say.
Frontend design skill — guides how Claude structures HTML and CSS. Enforces the layout system, spacing rules, and component patterns so nothing looks improvised.
CLAUDE.md — the project-level brief Claude reads every session. Where the skills live when I'm working specifically on this site.
Skills are reusable instruction sets you install once in Claude Code and invoke with a slash command. They're not required to get started — CLAUDE.md alone gets you most of the way there. But if you find yourself re-explaining your brand every session, skills are how you stop doing that.