deploymentlisted

# Deployment — CodeSensei Teaching Module ## What is Deployment? - **Analogy:** Deployment is moving from rehearsal to opening night. Your app works on your computer (localhost), and deployment puts it on a server so the whole world can use it. - **Key insight:** When you run `npm start` on your computer, only YOU can see the app. Deployment puts it on someone else's computer (a server) that's always on and connected to the internet. ## Localhost vs Production - **localhost** — your computer, only you can access it. The rehearsal stage. - **Production** — a server in the cloud, anyone with the URL can access it. Opening night. - **Staging** — a test server that mimics production. The dress rehearsal. ## Common Deployment Platforms - **Vercel** — one-click deployment for Next.js/React apps. Push to GitHub, it deploys automatically. - **Netlify** — similar to Vercel, great for static sites and simple apps. - **Railway / Render** — for backend apps with databases. - **AWS / GCP / Azure** — the industrial-grade options. More complex but more powerful. - **Key insight:** For most vibecoded projects, Vercel or Railway is all you need. ## Domains & DNS - **Analogy:** A domain name (like myapp.com) is a nickname for your server's actual address (an IP like 192.168.1.1). DNS is the phone book that translates names to addresses. - **Teaching flow:** User types myapp.com → DNS looks up the address → Browser connects to the server → Server sends the app ## Environment Variables in P