Deploying web applications to Firebase Hosting can be a hassle.

This includes tracking new changes to branches and logging any errors.

Read on to learn how to deploy a React system on Firebases hosting service.

An illustration showing two web servers deployed in a network

What Is a CI/CD Pipeline?

Simply put, a CI/CD pipeline is set up to automate the processes involved in the software development lifecycle.

Essentially, this process makes it possible to easily and quickly ship quality software.

Firebase Create Project

What Is GitHub Actions?

It makes it possible to define and automate deployment workflows directly from your projects GitHub repository.

On the console overview page, clickCreate Projectto set up a new project and provide the project’s name.

Firebase token

Login to Firebase from your terminal using your Firebase account credentials.

Once Firebase authenticates you, it will print a token.

Copy this token; youll use it to run Firebase commands in your GitHub Actions setup.

Firebase Settings on Console

After making the changes above, the CLI will create a firebase.json file in the root directory.

This file contains all the hosting configuration that the GitHub Actions workflow will require.

GitHub will automatically trigger this workflow, building and deploying the React software on Firebase’s Hosting service.

New Firebase Hosting setup settings Complete

you’ve got the option to check for the tool’s live URL on the deployment logs.

Deploying Applications Using GitHub Actions

GitHub Actions provides a streamlined deployment approach.

Configure Nodejs workflow

deploy success