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

Blog post: codelikeadev.com/blog/host-we...
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.
firebase.google.com/
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:
nodejs.org/en/download/
Once Node is installed, install google firebase tools in your computer
npm install -g firebase-tools
Google console link
console.firebase.google.com/
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

[@value_investing_indonesia]

no , thank you

[@anupmanwatkar1301]

thank you soo muchh sir

[@galaxyumeadi2266]

I cant seem to locate my file directory through the command panel.

[@HoyosJuan]

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

[@IshanSamarasinghe]

Straight to the point and no bs. Thanks man.

[@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!

[@SameerSaini]

Thanks. Glad you liked it. :)

[@CforChillandCheese]

​@@SameerSaini would you mind to share the prerequisites for hosting this web app?

[@JyotiShankar]

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

[@kenjoseph3746]

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

[@SameerSaini]

Cheers Ken

[@thynguyenxo]

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

[@SameerSaini]

Glad it helped!

[@rtabhinaya2858]

Was searching for the same. Doing great keep going...!👍

[@SameerSaini]

Thank you 🙂

[@bryanarc99]

By far the best introductory Firebase web hosting tutorial

[@jerryreasner5847]

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.

[@proflead]

Nice one! Thanks! 😀🙏

[@RheCode]

thanks man, it's really helpful!

[@zer0blivi0n]

What an amazing helpful video! Thank you so much! 💯

[@SameerSaini]

Cheers mate

[@darpramani4682]

​@@SameerSaini CheckMate?

[@RajkumarDgupta]

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

[@nllentfaw]

Amazing tutorial. Thank you so much!

[@SameerSaini]

Glad you enjoyed it!

[@petershetematjila7633]

Straight to the point. Thanks.

[@SameerSaini]

Cheers mate

[@KailasSBhat]

thanks mate!

[@Tori59065]

Loved this

[@JimzZel]

Thank you for this video! :)

[@andrewg1445]

HEY! Thank you for this!

[@lacihor8039]

Thank you my friend !

[@productivityaccount8274]

Amazing simple, thanks :-)

[@sabyasachisahu6730]

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.

[@SameerSaini]

You are most welcome

[@edwinkreattor8675]

Thank you Sameer for the tutorial. Now I can deploy my demo work..

[@SameerSaini]

Cheers mate

[@sarthak.5966]

Thanks. It works!

[@rahulkushwaha815]

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

[@SameerSaini]

Cheers mate

[@rick_from_yr]

Extremely nice video, thanks a lot

[@spacemulecode5861]

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

[@dalubuhlelunga4417]

If it was great you were only going to watch it once.

[@wintendedgamer2328]

​@@dalubuhlelunga4417 lol this s--t is right

[@nishantkumartiwari6025]

Really a very helpful video, your channel deserves more subscribers and it will happen for sure. One permanent subscriber of your channel increases today.

[@ansarqazi4377]

Great Job!

[@ManpreetKaur-py8id]

Thank you so much for this information it helps a lot to me

[@krodriguesfirmino2]

Awesome! Thanks!!!

[@SameerSaini]

Cheers

[@rahulgawale]

Very nice, thank you! Should I also deploy the pages for authenticated users in the public folder?

[@abhixguitar4444]

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.

[@Savedbygrace777-k9u]

Thank you so much!

[@bkr_vids]

This was very helpful, thank you.

[@SameerSaini]

Glad it helped

[@venkateswarreddy1200]

Great video

[@gillroymarshall3291]

great video thanks

[@yogibobo1]

great video mate ! 10x

[@SameerSaini]

Thanks buddy

[@dedisupardi2815]

Excellent👍 thank you for sharing it to us

[@SameerSaini]

Cheers

[@lemonyth]

I thank you so much for this tutorial.

[@SameerSaini]

Cheers mate

[@jeevaerinx4411]

keep going, good!

[@SameerSaini]

Thanks man

[@ahmadibno410]

great video, i would love to watch another tutorial like this but the website has database.

[@zoran902]

Thanks for the video. So useful.

[@oddlysatisfyingchannel9043]

Found it helpful ❣️

[@TheCoachis_BA]

Thank you for your help. I do wish you could do another video with the updates. I still can't get mine to work with the extra steps they ask for.

[@PORKII-lw9um]

perfect, Thank you so much I appreciate it.

[@SameerSaini]

Cheers mate

[@raghavendrajangam3923]

I followed all the steps correctly

[@liamkolomoisky4832]

Thank you very much!

[@SameerSaini]

You're welcome!

[@talhatariq5530]

Really! Million Dollars Video .. Saves my time a lot. Thank You so much.

[@SameerSaini]

Great to hear!

[@visuphotoeditor5467]

thank you for your valuable tutorials thanks alot

[@SameerSaini]

You are welcome!

[@Rahul-pf5kw]

Thank you so much sir. It is really helpful. 😊

[@SameerSaini]

Glad you liked it

[@randomgolfgirl1652]

great, informative video

[@hamseabdi9025]

Thanks bro.👏

[@mohitkumarbansal3486]

thanks video helped me a lot

[@SameerSaini]

Glad it helped

[@eliasbck]

thanks for your help!

[@SameerSaini]

No problem at all :)

[@abdelrahmankhatab4772]

thank you so much

[@noureddinhariri2979]

thanks Mr Sameer it was so helpful !

[@SameerSaini]

Glad to hear that

[@GeorgiKaralov1]

Many thanks for the tutorial! I'm stuck at uploading the website. I don't know what files I need to create to upload :( I just want a basic html page to host.

[@bikkysharma7253]

helped thanku

[@keshav1318]

Thanks This helped a lot 🙂

[@SameerSaini]

Glad to hear!

[@sasss7060]

very helpful! thank you

[@SameerSaini]

You're welcome!

[@martynbirdem189]

kzbin.info/www/bejne/bGKbg2OCaLSlpKM To initialize Firebase project using cmd

[@TamaOne]

2022, works perfectly! Thanks for this video!

[@SameerSaini]

Cheers mate

[@vanditha07]

thank you so much!!

[@SameerSaini]

Glad it helped!

[@makariouskikomeko1925]

Thanks Man

[@SameerSaini]

Happy to help

[@marcuspoon4525]

thank you, watching your video is way easy than reading docs and faster,lol

[@SameerSaini]

Glad to hear that :)

[@sohoraf100]

Very well explained.

[@SameerSaini]

Glad it was helpful!

[@RafiqulIslam-un9zp]

Thanks man

[@SameerSaini]

You're welcome!

[@RakibHasan-ry2qb]

Thank you

[@jmannumbers12]

A tutorial that even works for me! :)

[@SameerSaini]

Glad I could help!

[@KrishnaSingh-gs2lj]

@@SameerSaini bro it doesnt work for me, I am actually on a node js back end project with mongo db in it, it shows- 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! OPEN HOSTING DOCUMENTATION

[@sidathniroshan7293]

good buddy

[@Its_sarthak_again]

Thanks dear it is 100% working. Pls make more tutorials like this. ❤️

[@SameerSaini]

Cheers

[@Its_sarthak_again]

Can I make website for movies like Avengers series.. That is legal?

[@Its_sarthak_again]

How long this website hosting is for free plan?

[@codewithagaya]

thank you sir i managed

[@linkhubportal]

hey sameer excellent tutorial but how can i change/edit my website settings thanks in advance :)

[@-xyzan-]

Very good content 👌 Does there any limitations?

[@nishantkumartiwari6025]

Thanku so much

[@programmingbezaleel]

thanks a lot

[@imjonas]

It works. thanks.

[@SameerSaini]

You're welcome!

[@akashkv41]

Thank You

[@SameerSaini]

You're welcome!

[@BestofAddis]

Thank You Very Much 1000000 times...

[@SameerSaini]

You are most welcome

[@pradumkumar6933]

Thanku For this awesome video : 1 like from me

[@SameerSaini]

Cheers bro

[@vaibhavcs6084]

Thank you for the tutorials... So I successfully deployed my static business website through google firebase console.. I have previously deployed my static website through google cloud storage. It was really tough way to deploy my website. But this video is really easy for hosting any website. I have some doubt regarding hosting url. I want my hosting url as same as my domain name. Can you help me to solve this. It will be really helpful for others and me too.

[@markabrasaldo9755]

Thank you.

[@SameerSaini]

Cheers mate

[@nannenymous]

I was able to deploy my first firebase app using your tutorial! Now I have another one I want to deploy but the terminal is still referring to my first project. How can I connect the second one and deploy it?

[@thabopitso7245]

Thank you Sameer for the tutorial

[@SameerSaini]

Cheers.

[@sahilgupta9378]

Will this be available on google search???? and Please tell how to connect Domain if we already have

[@asnawas6153]

what is the time period for it bro?? and can we host diff type of sites?? in fire base and can we change the domain name??

[@sp3ct3r71]

crystal clear video.. please make video also to how coonect firebase database with our firebase host application

[@SameerSaini]

Glad you liked it,

[@hassyddevil]

Hey man do we need to buy node server or keep node server on our pc on for this to work? Will it work with pc turned off

[@MuhammedAzheruddin]

thank you

[@kingsaabh]

After hosting can other be able to visit our website on google by simpley typing the name like for other website do....??? Or it is just same as github hosting

[@honeyk1903]

Nice video

[@SameerSaini]

Thanks

[@foacademy9926]

Brother very good information. Can we Enable in this Free Firebase website, Ad Networks like Google adsense and other Non Google Ad networks here.

[@Mana-Diaries07]

Is it working for Dynamic website? If we embed machine learning code in the webpage... Is it worked or not?

[@thegamedevclub]

Hey ladies and gentlemen, i hope the following description is clear enough... i am trying to use the command "firebase init" with the right path of my project select. I am using windows and use the windows terminal as i am not able to do "firebase login" with the vs terminal. I also use the commend "firebase use --add" to select the right project. I select build for the direction folder while initializing and everything seems to work well but it does not create a firebase.json file. Neither in the project nor anywhere else on the device. Can someone pls help me🙏

[@kennw3244]

can you please do a demo using a mac? What steps would be different?

[@TAMBAMGAMES]

Really great. Make video on custom domain name

[@SameerSaini]

Very soon!

[@amaangigani9372]

I have a blog website, will the steps be different if i want to host it?

[@shamoondigihive9474]

helpful

[@seyedruzaik5727]

Thanks Mate

[@SameerSaini]

Cheers man!