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.

[@IshanSamarasinghe]

Straight to the point and no bs. Thanks man.

[@HoyosJuan]

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

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

[@bryanarc99]

By far the best introductory Firebase web hosting tutorial

[@kenjoseph3746]

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

[@SameerSaini]

Cheers Ken

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

[@RheCode]

thanks man, it's really helpful!

[@RajkumarDgupta]

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

[@thynguyenxo]

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

[@SameerSaini]

Glad it helped!

[@proflead]

Nice one! Thanks! 😀🙏

[@rtabhinaya2858]

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

[@SameerSaini]

Thank you 🙂

[@zer0blivi0n]

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

[@SameerSaini]

Cheers mate

[@darpramani4682]

​@@SameerSaini CheckMate?

[@mukhtar.fengshuihope]

Well this is very nice of you and your explanation. This is new to me, Would you please upload a video from where we can learn how to change the page contents and images from the default one. From where to upload the files for other pages created and navigation, I mean the control panel. This method is new to me. Especially for beginner. Lots of thanks for introducing it to us.

[@andrewg1445]

HEY! Thank you for this!

[@nllentfaw]

Amazing tutorial. Thank you so much!

[@SameerSaini]

Glad you enjoyed it!

[@rick_from_yr]

Extremely nice video, thanks a lot

[@JimzZel]

Thank you for this video! :)

[@petershetematjila7633]

Straight to the point. Thanks.

[@SameerSaini]

Cheers mate

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

[@sarthak.5966]

Thanks. It works!

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

[@KailasSBhat]

thanks mate!

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

[@ManpreetKaur-py8id]

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

[@lacihor8039]

Thank you my friend !

[@edwinkreattor8675]

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

[@SameerSaini]

Cheers mate

[@rahulkushwaha815]

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

[@SameerSaini]

Cheers mate

[@raghavendrajangam3923]

I followed all the steps correctly

[@productivityaccount8274]

Amazing simple, thanks :-)

[@bkr_vids]

This was very helpful, thank you.

[@SameerSaini]

Glad it helped

[@Tori59065]

Loved this

[@JaspreetSingh-gu6so]

Thank you so much!

[@ansarqazi4377]

Great Job!

[@ahmadibno410]

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

[@oddlysatisfyingchannel9043]

Found it helpful ❣️

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

[@talhatariq5530]

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

[@SameerSaini]

Great to hear!

[@lemonyth]

I thank you so much for this tutorial.

[@SameerSaini]

Cheers mate

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

[@Rahul-pf5kw]

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

[@SameerSaini]

Glad you liked it

[@TamaOne]

2022, works perfectly! Thanks for this video!

[@SameerSaini]

Cheers mate

[@zoran902]

Thanks for the video. So useful.

[@noureddinhariri2979]

thanks Mr Sameer it was so helpful !

[@SameerSaini]

Glad to hear that

[@PORKII-lw9um]

perfect, Thank you so much I appreciate it.

[@SameerSaini]

Cheers mate

[@krodriguesfirmino2]

Awesome! Thanks!!!

[@SameerSaini]

Cheers

[@gillroymarshall3291]

great video thanks

[@dedisupardi2815]

Excellent👍 thank you for sharing it to us

[@SameerSaini]

Cheers

[@hamseabdi9025]

Thanks bro.👏

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

[@yogibobo1]

great video mate ! 10x

[@SameerSaini]

Thanks buddy

[@sasss7060]

very helpful! thank you

[@SameerSaini]

You're welcome!

[@martynbirdem189]

th-cam.com/video/618R0L3OrnA/w-d-xo.html To initialize Firebase project using cmd

[@visuphotoeditor5467]

thank you for your valuable tutorials thanks alot

[@SameerSaini]

You are welcome!

[@venkateswarreddy1200]

Great video

[@keshav1318]

Thanks This helped a lot 🙂

[@SameerSaini]

Glad to hear!

[@mohitkumarbansal3486]

thanks video helped me a lot

[@SameerSaini]

Glad it helped

[@liamkolomoisky4832]

Thank you very much!

[@SameerSaini]

You're welcome!

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

[@abdelrahmankhatab4772]

thank you so much

[@eliasbck]

thanks for your help!

[@SameerSaini]

No problem at all :)

[@rahulgawale]

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

[@randomgolfgirl1652]

great, informative video

[@arielmoisesmaradiagarodrig9707]

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!"

[@sohoraf100]

Very well explained.

[@SameerSaini]

Glad it was helpful!

[@RakibHasan-ry2qb]

Thank you

[@vanditha07]

thank you so much!!

[@SameerSaini]

Glad it helped!

[@thabopitso7245]

Thank you Sameer for the tutorial

[@SameerSaini]

Cheers.

[@marcuspoon4525]

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

[@SameerSaini]

Glad to hear that :)

[@-xyzan-]

Very good content 👌
Does there any limitations?

[@agayawebdev]

thank you sir i managed

[@jeevaerinx4411]

keep going, good!

[@SameerSaini]

Thanks man

[@sp3ct3r71]

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

[@SameerSaini]

Glad you liked it,

[@programmingbezaleel]

thanks a lot

[@BestofAddis]

Thank You Very Much 1000000 times...

[@SameerSaini]

You are most welcome

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

[@imjonas]

It works. thanks.

[@SameerSaini]

You're welcome!

[@TAMBAMGAMES]

Really great. Make video on custom domain name

[@SameerSaini]

Very soon!

[@makariouskikomeko1925]

Thanks Man

[@SameerSaini]

Happy to help

[@RafiqulIslam-un9zp]

Thanks man

[@SameerSaini]

You're welcome!

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

[@pradumkumar6933]

Thanku For this awesome video : 1 like from me

[@SameerSaini]

Cheers bro

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

[@abdelrahmankhatab4772]

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

[@bikkysharma7253]

helped thanku

[@sidathniroshan7293]

good buddy

[@akashkv41]

Thank You

[@SameerSaini]

You're welcome!

[@nishantkumartiwari6025]

Thanku so much

[@markabrasaldo9755]

Thank you.

[@SameerSaini]

Cheers mate

[@surangaupull.4134]

thanks

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

[@123kingvlad]

what if made changes to the index HTML or any files? should I just redeploy?

[@shamoondigihive9474]

helpful

[@rahulkushwaha815]

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

[@SameerSaini]

Thanks for the suggestion Rahul, Cheers

[@SerixOfficial]

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

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

[@seyedruzaik5727]

Thanks Mate

[@SameerSaini]

Cheers man!

[@user-bp1pm8ip7c]

I am having a problem getting my public folder option when I use firebase init. Please advice

[@didiDanaila]

Can I do this with a flutter web app that has data on firebase in the same project? If I want to update the web app?