Storyscape Design · Internal playbook

Deploy to Netlify

The step-by-step for putting a Storyscape site live on free static hosting — the Claude + Netlify model.

Get the site as a self-contained file

Ask me to bundle the page into a single standalone HTML file (everything — images, fonts, code — baked in, works offline). You'll get one .html file per page. That's what goes to Netlify. For a multi-page site, you'll have a small folder of these plus an index.html as the front door.

Create a free Netlify account

Go to app.netlify.com/signup and sign up (email or Google/GitHub). The free tier covers a site like this — free SSL, global speed, no credit card.

Drag and drop to deploy

In Netlify, open Sites → find the "deploy manually" drop zone (or "Add new site → Deploy manually"). Drag your file (or the site folder) onto it. In seconds it's live at a temporary address like random-name.netlify.app.

Rename the site

Site configuration → Change site name. Pick something clean like clientname.netlify.app. Good enough to share even before a custom domain is attached.

Point the domain at it

Domain management → Add a domain. Type the domain (e.g. storyscapedesign.com). Netlify shows the DNS records to set. Log in where the domain is registered and add them. It can take a few hours to take effect; Netlify adds the free SSL automatically.

Turn on forms & (optional) a password

Forms: Netlify captures form submissions automatically once the form is set up in the page — that's how the diagnostic's "book a call / email results" leads reach your inbox. (Ask me to wire the forms before bundling.)
Private pages (like your Portal): Site configuration → Access & security → Visitor access → Password protection. This is real, server-side protection — use it on the Portal in addition to the built-in login screen.