Day 2 reference

Publish your site

The full deployment cycle — from your Claude Artifact to a live site you can share. Follow along in RemADE; Claude Code can do most of the typing for you.

1
Open a project in RemADE

Create a new project and open its built-in terminal — that's where you and Claude Code work together.

2
Port your Artifact into Astro

Ask Claude Code to recreate your design as an Astro site. Give it your Artifact (or a screenshot plus the text) and let it scaffold the project and build your pages.

3
Preview it locally

Run the dev server and open the live preview (in RemADE, just press Cmd-L). Refine with Claude Code until it matches your design.

$npm run dev
4
Save it to GitHub

Commit your work and push it to a GitHub repository — your backup and full history. Claude Code can set this up and push for you.

5
Build the final site

This turns your project into a folder of ready-to-publish files called dist.

$npm run build
6
Publish to Cloudflare

One command puts your site on the internet, free, with HTTPS. The first time, it'll ask you to log in to Cloudflare in your browser.

$npx wrangler pages deploy dist
7
Share your link

You'll get a live address like your-site.pages.dev. Send it to anyone — open the QR button (📱) up top to share this page to your phone.

8
The iterate loop

Want a change? Ask Claude Code, then re-run build and deploy, and refresh. That's the whole rhythm: edit → build → deploy → refresh.

9
Connect a custom domainOptional

Prefer yourname.com? Buy a domain and connect it to your Pages project in the Cloudflare dashboard. A pages.dev address works perfectly without it.

That's the whole journey 🎉

Chat → code → cloud. You designed a site with AI, turned it into a real project, and published it to the world — and you can repeat the loop any time you want to improve it.