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.
On this page of the site you can watch the video online Configure Firebase CI/CD with Gitlab CI (Using Angular as example) with a duration of hours minute second in good quality, which was uploaded by the user Muhammad bin Yusrat 01 January 1970, share the link with friends and acquaintances, this video has already been watched 4,431 times on youtube and it was liked by 56 viewers. Enjoy your viewing!
