CI/CD with Firebase Hosting and Github Actions

I wrote about using Firebase to host the website before (Host a BI report using ReactJs+Firebase with Auth). In order to update the website, some commands have to be executed everytime you update the codes. Although they are just a few lines of commands, it is still saving a bit of time if you automatic the process. If the project gets larger and evolving much more tools and complicated infrastructure, automation will save us a lot of time. This kind of automation can be called Continuous Integration (CI), Continuous Delivery(CD). With automation, developers can release new features more frequently, and operation teams have better overall stability.

https://katalon.com/resources-center/blog/ci-cd-introduction

Github Actions is a good start, it connects with Firebase. The CI/CD pipeline can be set up, then each time you push to your github repo, the website will be updated automatically.

1. Prepare your website

You can build a proper website or you can simply use “npm create-react-app <name>” initial a very basic page, and then run “npm run build”. In the build folder you can see the index.html file.

2. Create a Firebase project