Model Rocket Build & Deploy a Real Website
1
2
3
4
5
6
7
8
9
Step 9 of 9

🏆 What You Built Today

~5 min Step 9 of 9

Take a step back and look at what you accomplished:

  • Set up professional development tools — Node.js, Wrangler, SvelteKit
  • Created a real SvelteKit project with TypeScript
  • Built a multi-page website with a shared layout, navigation, interactive state, and styled components
  • Configured a deployment pipeline — adapter, wrangler config, build step
  • Deployed to a global CDN — your site is served from servers around the world
  • Used AI as a collaborator — and practiced recognizing the undertow

In Module 1, you carved a block of wood into a web page. Today, you assembled a model rocket and launched it. The tools got more powerful. The output got more impressive. But the core skill stayed the same: you understand what you built.

That's what makes you different from someone who just asks AI to build them a website. They have a website. You have a website and the knowledge to change it, fix it, extend it, and build the next one.

Quick Reference

CommandWhat it does
npm run devStart the local development server
npm run buildBuild the project for production
npx wrangler deployDeploy to Cloudflare
wrangler loginLog in to Cloudflare
wrangler whoamiCheck which account you're logged into
FileWhat it does
svelte.config.jsSvelteKit configuration (adapter, settings)
wrangler.jsonCloudflare deployment configuration
src/routes/+layout.svelteShared layout (header, nav, footer)
src/routes/+page.svelteHomepage
src/routes/about/+page.svelteAbout page
i Info

Next up: You'll add real features — a database, user interaction, and more pages. The model rocket flew. Now it's time to design your own.