Configure Firebase CI/CD with Gitlab CI (Using Angular as example)

In this video I create a Firebase project from scratch, and hook it up with Gitlab CI so that whenever we push to the respository, changes are deployed automatically to our Firebase instance.

I am using Angular in this video with Firebase, but it should apply just fine with React and Vue if you know how those libraries work.

You should be experienced with Firebase CLI to understand this tutorial. If you haven't used Firebase CLI, I would suggest you read about it in the official docs: https://firebase.google.com/docs/cli

At the end of this video you should be able to deploy all changes in your repository to Firebase hosting, cloud functions and firestore/storage rules. You should also be able to release to the the production instance by pushing a tag to the repository.

Chapters:
00:00 Intro
00:15 Setting up Firebase Projects
02:30 Create a new Gitlab repository.
03:25 Create a new Angular Project
07:03 Initialize project directory with Firebase
09:13 Configure .gitlab-ci.yml file
18:22 Push a change to see pipeline in action.
20:00 Authenticate (login to) Firebase CLI on the Gitlab Pipeline
22:43 Push a change again to see Firebase in action (this time with authentication).
25:03 Make a Firebase cloud function and deploy it with CI.
28:41 Deploy to production instance when tags are pushed to the repository.