Deploy and host your website on Google Firebase

26 Nov, 2017 · Read in about 2 min · (400 words) ·

After finishing the first draft of my new website I wanted to host my website on firebase because I found Firebaseas hosting server very useful, easy to use and free of cost for limited hosting.

So I decided to write down my knowdledge and experience of hosting website with firebase here and if you are also looking for hosting your website in firebase please follow thesteps below.

To deploy your website on firebase first you need to create an account on Google Firebase. For Account, you can use your normal Gmail user or create new Gmail account. After successful login to Firebase console, you can easily create a new project. google-firebase-addProject-page

Setup of Firebase CLI

Firebase hosting and deployments are done by the use of Firebase CLI (command line tool). CLI depends on node.js and npn so before installing Firebasewe need to install node.js and npm in your local machine.Reference

on Mac

brew install node

on Windows

Download from nodejs download and follow installation instructions.

After installing node and npm you can verify the installation and check the version

node -v

npm -v

You will see the version installed after running the above commands.

Install Firebase CLI

Now after node.js and npm installed properly we can install the Firebase CLI using the below command

npm install -g firebase-tools

Initialise website setup with firebase

Go to the base directory of your website project in the command line and run the command

firebase init

and then follow the instructions on the terminal

google-fireBase-init-website-command

After firebase init you can see one firebase.json file generated in your website directory. This JSON file is a basic configuration file for the Firebase deployment. You can find more details about firebase.json.