</p> showing up as text.
Your page is about to stop being yours.
So far, every page you've built has lived on your computer. You double-click a file, a browser opens, you see the page. Cool — but only you can see it. The page exists in one place, and that place is your laptop.
This module is about the moment that changes. You're going to put your page on the real internet. It will have a real address. A real URL. Anyone in the world with a browser can type that URL and see exactly what you made.
That moment has a name. It's called shipping — and it's one of the quietest, biggest feelings in all of computing.
Every single website you've ever visited — every YouTube page, every news article, every game, every school's homepage — was shipped by somebody. One of those somebodies is about to be you. That's not a metaphor. That's the exact same process.
A URL is a real address for a file somewhere in the world.
A URL is just an address. Like a street address, but for a file on somebody's computer that anyone with internet can reach. Here's what one looks like when it's yours:
↑ a real, working URL — once you've shipped ↑
Read it right-to-left. .app
is the country-ish part. netlify
is the company whose computers are hosting your file. my-dog-buddy
is the part you pick — it's your page's unique name.
When someone types that URL, their browser asks Netlify's computer, "give me whatever file is at my-dog-buddy.netlify.app." Netlify sends your HTML back. Their browser shows it. That's the entire internet, at its core. Just computers asking each other for files.
The internet feels mysterious, but the core of it is boring: computers have files, other computers ask for those files, the files get sent back. Everything you've ever seen online is downstream of that.
Three ways to get your page on the internet.
There are dozens of ways to deploy a page. You only need to know three. One is easy, one is free forever, and one is almost free but not really on the internet.
For your first deploy, use Netlify Drop. The temporary URL is perfect for trying it out — if you hate the result, it just expires and nobody ever saw it. Once you're sure the page is good, graduate to GitHub Pages for the permanent version.
Five questions to ask before you click deploy.
Shipping is fast. Un-shipping, once other people have seen something, is slow and embarrassing. Run the checklist first. Tap each row when your answer is yes.
Pre-flight check
All five should be yes before you ship.
1. Does the page actually work?
Opened it locally, clicked around, nothing broken. No 'undefined' floating around. No raw
2. Did I read the writing one last time?
Out loud if possible. Typos, wrong years, sentences that made sense at 11pm but not in the morning.
3. Is there anything here I wouldn't want a stranger to see?
Your address? Real names of friends who didn't ask to be on the internet? Anything that could hurt if a bully from school found it?
4. Am I putting my name on it?
Shipping means claiming credit. If the page is good, that's a gift to yourself. If you're not ready to claim it, it's not ready.
5. Did a grown-up in my life see it?
Not for permission — for a second pair of eyes. Even the best writers let somebody read their stuff before publishing.
0 / 5Check each item you can answer yes to. When all five are checked, you're cleared for takeoff.
Here's what the real thing looks like.
This is a simulation of the Netlify Drop page. Click the drop zone
to pretend to drop your folder. Watch what happens. The real site
at app.netlify.com/drop
works almost exactly like this.
Drag and drop your site folder here
Or click the button to pretend.
Uploading your files...
Starting...
Your site is live!
Anyone in the world can visit:
https://buddy-page-a3f.netlify.app
↑ a simulation — the real thing works the same way ↑
The real Netlify Drop gives you a URL like clever-curie-a3f9b2.netlify.app — a random fun name. You can claim it with an account if you want to keep it, or let it expire after an hour.
Who should see it first?
A real URL means a new question: who do you tell? Two rounds of judgment — neither is about deploying, both are about what happens after.
Round 1. You just shipped your first page. What's the best first move?
Round 2. A friend in your class says "That's cool! Put my name on your page too!" What's the right move?
Shipping is permanent. That word keeps coming back in Kindling because it's the most important thing about the internet nobody tells kids out loud. Anything that goes on a real URL can be seen by strangers, saved by strangers, shared by strangers. Your future self is one of those strangers.
🚀
You just finished Code Club Makers.
From zero to a real, interactive website on the real internet. All four modules. Thirty-something steps. One real artifact that didn't exist before you started.
The Makers arc
Makers · 01
Your first HTML page — the what
✓
Makers · 02
Make it pretty with CSS — the look
✓
Makers · 03
Make it do something with JavaScript — the verbs
✓
Makers · 04
Ship it to the real internet — the moment
✓
Code Club Makers was about one arc: building a real thing and putting it in the world. You now know how to take any idea you have — any weird personal obsession — and turn it into a working website anyone can visit. That's not a toy skill. That's the actual thing professional web developers do, minus the business-y parts.
Next up is Code Club Builders (ages 13–14) — four deeper modules about real engineering: data structures, calling real APIs (including Claude), testing your own code, and building tools that other people can use. Everything you've learned so far was the shape of the thing; Builders is the depth.
★ Before you call it done
Three questions. Same three. Every time.
These are the same three questions for every module in Kindling. They are how you check whether AI did the part it should and you did the part only you could. Tap each one to mark it true.
★ ★ ★