How to Host a Website using Firebase | Namit's Blog


Building a web application is always a time-consuming job, especially for the beginner developers who have just landed their feet in the vast world of programming. And one of the most exciting parts is when the application is available for all to see. Being a new bee in programming most beginners lack the knowledge of hosting, servers, and how to present their project to the end-user. And this is exactly the problem Firebase is going to solve for us. Although we have a couple of other ways to host a website for free like GitHub, netlify, Firebase is considered best as it gives developers a ton of functionalities to choose from. Here, we will see how one can host his/her static website on firebase just in a couple of minutes and that too free.

1.) Creating a project

b.) Sign in with your google account
c.) Click on "create a project" and follow the steps


2.) File manager

a.) Open file manager on your laptop/pc
b.) Create a folder and bring the files to be hosted in that folder
c.) Bring the folder to the Local Disk
d.) Open the folder in Local disk

e.) Select the path where the file name is been shown, type "cmd"
f.) A command box will open

3.) Firebase

a.) Select hosting on the left panel under build
b.) Click on "Get Started"

c.) The first step would be "Install Firebase CLI", put the command in the command box
d.) Next step will be "firebase login", put the command in the command box once the previous command is done.
e.) The next command would be "firebase init", put the command in the command box once the previous command is done. After putting this command you can refer to a video by Sameer Saini
f.) Once all the steps are done till now the nest step would be "firebase deploy", put the command in the command box once the previous command is done.

Here is a example of a site hosted using firebase https://namit-09.web.app/

This is it for today
New Blog at 6:00 am IST on 22 February 2023
For any doubts comment down below.

Post a Comment

Previous Post Next Post