How to deploy an Angular app with Firebase hosting

This topic is a tutorial to deploy the angular app on firebase hosting. There is a step by step tutorial on https://firebase.google.com/docs/hosting/quickstart if you are deploying a normal website. But for the Angular App, there is a slightly different approach.

First to build your angular app in production mode

ng build — prod

It builds and minifies the source to dist/you app folder.

Setup Firebase

The first step you have to install the Firebase CLI

npm install -g firebase-tools

The second step you have to login with your firebase account. It will ask you to enter the email, then it will open the browser to sign in the firebase

firebase login

The third step to initiate the firebase project

firebase init

You should see the screen below:

Then it will ask selection as the screen below.

We also publish articles on Medium. Take a look and follow us to see when we publish new articles.