Deploy a static site

Build-along · ~15 min at your own keyboard

Shipping is a skill you drill like any other, and a static site is the gentlest first rep: build the page, push it to a host (Netlify's drag-and-drop is the on-ramp), get a URL, send it to someone. The gap between 'works on my machine' and 'here's the link' is the whole point of B12.

The long version: Deploying a site ↗

Do this

0/4

Checkpoints

▸You should now see a one-page site that opens locally.
▸You should now see a live URL after you deploy.
▸You should now see the site loading on your phone.
▸You should now see your edit live after the redeploy.

The three ways this goes wrong

The deployed URL shows a blank page or 404. — Check the folder has an index.html at the top level, then deploy again.
It looks right on the laptop and broken on the phone. — Ask Claude to add the viewport tag and check small-screen layout.
Your edit does not appear. — Redeploy, then hard refresh the page. The old version can be cached.

Share what happened

Paste the live URL and what you changed in round two.

Strip API keys, passwords, and tokens before you paste. Swap them for [KEY].

🔒 Don't paste confidential, personal-health, or payment info.