How to host a website for FREE - Google Firebase Website Hosting Tutorial Step By Step for beginners

In this video, we will be hosting a static website for absolutely free. 

A Static website is a website that does not have any dynamic rendering and does not have service-side rendering. It can still talk to APIs.

We will use Google Firebase Hosting as our hosting provider. Google Firebase provides free web hosting for 1GB of data and 10GB of data transfer limit for a month.

You can also connect to your custom domain in the basic plan and have many projects and websites running in that shared resource.

Steps:
Install NodeJs:

Once Node is installed, install google firebase tools in your computer
npm install -g firebase-tools

Google console link

Login to firebase
firebase login

Initialize project
Once you are in your project folder, use "firebase init" to initialize your project.

Deploy Project
Create a public folder and paste all your files in there, once that is done use "firebase deploy" to deploy your project

That's it.
Easy website hosting in under 10 minutes :)

#Website #Hosting #WebsiteHosting #Google #Firebase

[SameerSaini]

Thank you all for taking out the time to watch my videos. If you like my content, please hit the like button and do subscribe to my channel to get the latest content.
#WebHosting #WebsiteHosting #HostAWebsite #GoogleFirebase #GoogleCloud

[crispysquared]

As a Firebase beginner, looking to just get a website going, I found this to be an incredibly helpful and well-structured video. I especially appreciate that you were able to make it less than 10 minutes without compromising on the necessary details. Thank you!

[RajkumarDgupta]

after editing.. hit command "firebase deploy" again in cmd

[IshanSamarasinghe]

Straight to the point and no bs. Thanks man.

[raghavendrajangam]

My setup is successfully done but when I search given URL it shows only welcome Firebase Hosting Setup complete Open Hosting Document why ?

[xycoordinate]

Perhaps the best tutorial on Firebase static website hosting on youtube and on the web. Thank you Sameer!

[rahulkushwaha]

while deploying on Firebase, use firebase diploy --only Hosting . Firebase deploy will return error with Blaze plan some times.

[kenjoseph]

Just came across this. Very good Sameer. Well structured and well paced. Good job!!

[HoyosJuan]

Nice! Directly to the point, no wasted time and it worked nice! Thanks

[rahulkushwaha]

best tutorial on Firebase Hosting.. Thank you so much Sameer.

[bryanarc]

By far the best introductory Firebase web hosting tutorial

[kikomekomarcella]

Everything went well but the CSS didn't work. Was requesting for some help about that problem

[jerryreasner]

Great Video! I will say that after building a web site with a different host, using Firebase does appear to be a simple process if all I wanted to do was build a simple HDML based web site.

[thynguyenxo]

THANKYOU! Your video helped me a lot with Firebase setup :)

[arielmoisesmaradiagarodrig]

I see this message, instead my website "You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!"

[spacemulecode]

I have probably watched this ten times! best instruction to simply deploy websites with firebase thanks! always a good reference

[sabyasachisahu]

Thank you @Sameer.. This is really helpful video. I am beginner coder, hence this is really helpful to refer this video everytime I am making changes to my website.

[abhixguitar]

Thank you so much for this much detailed tutorial!! I have a query, actually I am able to deploy my application like this but I want to use my existing domain name which I already have. Can u please suggest option to use the existing domain. This domain is registered with Google itself.

[adri]

Hello, I have a problem, it says: "Welcome Firebase Hosting Setup Complete

You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!"

What I have to do? Please I need help. Thanks

[akshitagarwal]

Thank you so much sir for making this video.. It helped me a lot in my project...
But i wanted to know one thing how to deploy the changes that we make after a successful deployment ?