How to Deploy or Host a React.js Project To Firebase Console Using CLI

Then create a project, using your react project name, (example AppName), do not do anything else after it is done creating, go back to your terminal.

Then back at your VS Code you use the terminal to set up a fresh project to firebase using the following steps below…

Step 1 — npm install -g firebase-tools

Step 2 — npm install firebase

Step 3 — firebase login (or firebase logout when you want to change to another email account instead, logout using that.)

Step 4 — firebase init (this initalizes firebase set up.)

Sub-step 5A — Select > Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys.

Sub-step 5B — Select > Use an existing project,

Sub-step 5C — Specify the folder where Firebase will look for assets to deploy the?

Type In > build

Sub-step 5D — Configure as a single-page app?

Type In > y or yes

Sub-step 5D — Setup automatic builds and deploys with GitHub?

Type In > n or no

Sub-step 5E — Overwrite your existing build/index.html file?

Type In > n or no

Sub-step 5F — Once the initialization part is done you can check the directory, you should see two new files .firebaserc and firebase.json

These files are automatically generated.

Step 6 — npm run build

Step 7 — firebase deploy

This will deploy your latest “built” code to firebase console server and also show you the URL at the bottom of terminal message so you can visit it.

Lastly, if you have already done the initial setup to your project and you need to make a new deployment again after an update to your code base, you follow the 2 steps below.

Step 1 — npm run build

Step 2 — firebase deploy

End

Related posts:

Logistically speaking, we can all do everything. Rarely is something solely dependent or restricted to talent or capability alone. And even when it is, there is nothing preventing you from taking a…

A. hardware requirement: normal laptop can run my one is DELL Latitude E5630 with 90G free disk and 8 G memory and lower configuration is ok as long as your have enough free hard disk and memory to…

In 1934 California Vitamin Company made a concept of multi level marketing ,first things first they started selling the products to people who’s will use the product for the personal use and if they…