Track 30

Vercel

Learn how to deploy modern frontend and full-stack web apps with Vercel, including Git-based deployments, preview environments, production domains, environment variables, serverless functions, routing config, analytics, storage options, and safe cost/security practices.

Lessons

  1. What Vercel Is
  2. Free Vs Pro: What You Can Safely Use
  3. Deploy Your First Static Site
  4. Connect GitHub And Deploy Automatically
  5. Production Vs Preview Deployments
  6. Custom Domains And HTTPS
  7. Environment Variables And Secrets
  8. Public Files Vs Private Server Files
  9. Using .vercelignore
  10. Configuring Projects With vercel.json
  11. Build Commands, Output Folders, And Build Logs
  12. Redirects, Rewrites, Headers, And Clean URLs
  13. Deploying React/Vite Apps
  14. Deploying Next.js Apps
  15. Serverless Functions And API Routes
  16. Calling Private APIs Safely
  17. Preview Deployment Protection
  18. Client Feedback With Preview Comments
  19. Analytics, Logs, And Speed Insights
  20. Image Optimisation
  21. Cron Jobs
  22. Storage: Blob, Edge Config, And Databases
  23. Monorepos And Root Directories
  24. Security, Firewall, And DDoS Protection
  25. Cost Control And Usage Monitoring
  26. Real Project: Deploy A Contact Form Site
  27. Real Project: Deploy A Small Full-Stack App