The Deployment Stack
Four layers from code to production
FrontendYour application code
Next.js, React, Vite, HTML/CSS/JSHostingWhere it runs in the cloud
Vercel (recommended), Netlify, Cloudflare PagesDatabasePersistent data storage
Supabase, Firebase, Neon, PlanetScaleDomainYour custom web address
Namecheap, Cloudflare DNS, Google DomainsBuilding an app on your computer is only half the job. To share it with the world, you need to deploy it to the internet, connect it to a database for persistent data, and secure your configuration. This module covers the full production stack.
Deployment Checklist
Steps to go from local development to production
Build locallyRun npm run build and fix all errors before deployingRequired
Environment variablesSet all secrets in the hosting provider dashboardRequired
Custom domainPoint your domain DNS to the hosting providerRecommended
SSL certificateMost providers auto-issue via Let's EncryptAuto
AnalyticsAdd Plausible, PostHog, or Vercel AnalyticsRecommended
Error monitoringSet up Sentry or similar for production errorsRecommended