Understanding Frontend & Backend Deployment

Learning Highlights

• 1:06

  Learn how to deploy full-stack applications using Netlify for the frontend and Heroku for the backend, enabling users worldwide to access your product beyond localhost.

• 2:09

  Understanding why separating frontend and backend deployments across different domains (e.g., emily.co and api.emily.co) provides scalability, flexibility, and independent deployment capabilities as your application grows.

• 3:43

  Discover how GitHub integration automates deployment by listening to repository changes and automatically pushing updates to Netlify and Heroku, streamlining your development workflow.

• 5:26

  The key to successful deployment lies in replacing hardcoded URLs with environment variables (FRONTEND_APP_URL and API_BASE_URL) to ensure code works correctly in both local and production environments.