All 5 Build, Environments & Deployment questions
More in Build, Environments & Deployment
How do you create a production build of an Angular app? Why is it important to set a bundle size budget in an Angular project's configuration? How do environment files work in Angular, and how do you use different values for development and production? How would you set up a continuous deployment pipeline for an Angular project?
Advertisement
Angular › Build, Environments & Deployment

What are some popular hosting options for deploying an Angular app, and how do they differ?

Intermediate

Answer

Firebase Hosting and Netlify are popular choices that make deploying a built Angular app quick and simple, often connecting directly to your code repository and automatically deploying new changes. Traditional hosting, like a plain server, requires manually uploading the built dist folder yourself each time.
# A typical Firebase Hosting deployment
ng build --configuration production
firebase deploy

// Firebase automatically serves the contents of the dist folder to visitors
Real-world example A freelance developer deploys their client's Angular app to Firebase Hosting, getting a fast, globally distributed website live within minutes after running just two simple commands.

Common follow-ups: What is the difference between a preview deployment and a production deployment?;How would you set up automatic deployment every time new code is pushed to the main branch?

Angular CLI & Project Structure;Server-Side Rendering with Angular Universal
All 5 Build, Environments & Deployment questions