What you use today
- You type in a chat in your browser.
- Lovable builds the site and hosts it for you.
- You pay for every message and pay rent for hosting.
- Moving your site elsewhere is hard.
For people who only know Lovable
Build and publish a website with Claude Code, in one sitting.
23 short steps with real screenshots from a live training session. No tech background needed. Part 1 gets you building in about 45 minutes.
Your first websitelocalhost:8000 · running
You know Lovable. Here is what changes.
What you will use now
- Claude Code is the same kind of AI chat, but it runs on your own Mac and writes real files.
- Ghostty is a terminal: a plain window where you type to your Mac.
- Cloudflare puts your finished site on the internet at very low cost.
Same idea, lower cost, more control. It looks less friendly at first. Once you get used to it, it is faster.
What you need before you start
To be confirmed: how new team members receive their Claude login, and whether the Claude account is shared.
Three parts. You only need Part 1 to start working.
If something goes wrong
Every problem here happened in the recorded session. Tap one to see the fix.
All commands in order
Tap a line to copy it. Plain English requests to Claude do not need to match word for word.
You are done. Now build something.
- Start one small project in its own folder. Describe it in plain words.
- Add the skills in Step 20, then try
/grill-with-docsso Claude plans before it builds. - When it looks good, ask Claude to push it to Cloudflare and give you a link.
- Teach Claude your habits. Say: remember how I like my designs.
- Watch your usage with
/usage.