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

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ต.ค. 2024

ความคิดเห็น • 520

  • @SameerSaini
    @SameerSaini  4 ปีที่แล้ว +32

    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
    @crispysquared 2 ปีที่แล้ว +35

    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
      @SameerSaini  2 ปีที่แล้ว +1

      Thanks. Glad you liked it. :)

    • @CforChillandCheese
      @CforChillandCheese ปีที่แล้ว

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

  • @xycoordinate
    @xycoordinate 8 หลายเดือนก่อน

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

  • @IshanSamarasinghe
    @IshanSamarasinghe ปีที่แล้ว +4

    Straight to the point and no bs. Thanks man.

  • @RajkumarDgupta
    @RajkumarDgupta 3 ปีที่แล้ว +22

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

  • @bryanarc99
    @bryanarc99 ปีที่แล้ว

    By far the best introductory Firebase web hosting tutorial

  • @kenjoseph3746
    @kenjoseph3746 2 ปีที่แล้ว +6

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

  • @jerryreasner5847
    @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.

  • @rahulkushwaha815
    @rahulkushwaha815 3 ปีที่แล้ว +7

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

  • @HoyosJuan
    @HoyosJuan 2 ปีที่แล้ว +4

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

  • @arielmoisesmaradiagarodrig9707
    @arielmoisesmaradiagarodrig9707 2 ปีที่แล้ว

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

  • @thynguyenxo
    @thynguyenxo 3 ปีที่แล้ว +7

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

  • @sabyasachisahu6730
    @sabyasachisahu6730 3 ปีที่แล้ว +3

    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
      @SameerSaini  3 ปีที่แล้ว

      You are most welcome

  • @edwinkreattor8675
    @edwinkreattor8675 3 ปีที่แล้ว +3

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

  • @RheCode
    @RheCode ปีที่แล้ว +1

    thanks man, it's really helpful!

  • @spacemulecode5861
    @spacemulecode5861 2 ปีที่แล้ว +5

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

    • @noheeps
      @noheeps 2 ปีที่แล้ว +1

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

    • @wintendedgamer2328
      @wintendedgamer2328 2 ปีที่แล้ว

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

  • @zer0blivi0n
    @zer0blivi0n 2 ปีที่แล้ว +7

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

    • @SameerSaini
      @SameerSaini  2 ปีที่แล้ว

      Cheers mate

    • @darp_ramani
      @darp_ramani ปีที่แล้ว

      ​@@SameerSaini CheckMate?

  • @talhatariq5530
    @talhatariq5530 3 ปีที่แล้ว +1

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

  • @Its_sarthak_again
    @Its_sarthak_again 3 ปีที่แล้ว +1

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

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Cheers

    • @Its_sarthak_again
      @Its_sarthak_again 3 ปีที่แล้ว

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

    • @Its_sarthak_again
      @Its_sarthak_again 3 ปีที่แล้ว

      How long this website hosting is for free plan?

  • @TamaOne
    @TamaOne 2 ปีที่แล้ว +1

    2022, works perfectly! Thanks for this video!

  • @petershetematjila7633
    @petershetematjila7633 2 ปีที่แล้ว +2

    Straight to the point. Thanks.

  • @raghavendrajangam3923
    @raghavendrajangam3923 3 ปีที่แล้ว

    I followed all the steps correctly

  • @sp3ct3r71
    @sp3ct3r71 2 ปีที่แล้ว +1

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

  • @andrewg1445
    @andrewg1445 ปีที่แล้ว

    HEY! Thank you for this!

  • @raghavendrajangam3923
    @raghavendrajangam3923 3 ปีที่แล้ว +11

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

    • @omarsaravia4209
      @omarsaravia4209 2 ปีที่แล้ว

      Because your app most likely defaults to the /dist folder when the application builds. You need to configure the build to go into the /public directory instead. Or you can manually move the files in the /dist folder to /public after each build and then deploy it.

    • @abhishek5222
      @abhishek5222 2 ปีที่แล้ว

      did u solve this problem?

    • @Nitisharav
      @Nitisharav 2 ปีที่แล้ว +1

      In your public folder, remove default index.html

    • @Harmxn
      @Harmxn 2 ปีที่แล้ว +1

      @@abhishek5222 Firebase hosts the Index.html file.
      Remove Firebases index.html, so it hosts YOUR index.html

    • @Alishba_Nadeem
      @Alishba_Nadeem 2 ปีที่แล้ว +1

      @@Harmxn this comment helped me alot thanks much

  • @marcuspoon4525
    @marcuspoon4525 2 ปีที่แล้ว +1

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

    • @SameerSaini
      @SameerSaini  2 ปีที่แล้ว

      Glad to hear that :)

  • @akshitagarwal9907
    @akshitagarwal9907 3 ปีที่แล้ว +9

    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 ?

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว +3

      Apologies for missing your comment here. If you have changes to your website, just update your website locally and make sure you place the updated files in the public folder (or whatever name you have given yours) and then hit firebase deploy again. Firebase will take those files and deploy it. Your changes will be reflected on the hosted website. Hope that helps

    • @samselvaraj8171
      @samselvaraj8171 3 ปีที่แล้ว +1

      @@SameerSaini Also it hosts from the google server only right? So can I delete the files from my PC later?

    • @peoples.say.masoom
      @peoples.say.masoom 3 ปีที่แล้ว +1

      @@samselvaraj8171 Yeah bro firebase usually uploads our files on internet so we can delete those files but if you wanted to change them than you should have access your last project which will be better to have in your PC.
      I hope this comment will be helpful for u.

    • @royalfamily2839
      @royalfamily2839 2 ปีที่แล้ว

      @@peoples.say.masoom good answer bro

  • @rahulkushwaha815
    @rahulkushwaha815 3 ปีที่แล้ว +4

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

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Thanks for the suggestion Rahul, Cheers

  • @rtabhinaya2858
    @rtabhinaya2858 4 ปีที่แล้ว +2

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

  • @abhixguitar4444
    @abhixguitar4444 3 ปีที่แล้ว +4

    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.

  • @lacihor8039
    @lacihor8039 ปีที่แล้ว

    Thank you my friend !

  • @thabopitso7245
    @thabopitso7245 3 ปีที่แล้ว +1

    Thank you Sameer for the tutorial

  • @proflead
    @proflead 9 หลายเดือนก่อน

    Nice one! Thanks! 😀🙏

  • @nishantkumartiwari6025
    @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.

  • @sarthak.5966
    @sarthak.5966 2 ปีที่แล้ว

    Thanks. It works!

  • @rick_from_yr
    @rick_from_yr ปีที่แล้ว

    Extremely nice video, thanks a lot

  • @noureddinhariri2979
    @noureddinhariri2979 2 ปีที่แล้ว +1

    thanks Mr Sameer it was so helpful !

  • @JimzZel
    @JimzZel 2 ปีที่แล้ว

    Thank you for this video! :)

  • @ManpreetKaur-py8id
    @ManpreetKaur-py8id ปีที่แล้ว

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

  • @KailasSBhat
    @KailasSBhat 3 ปีที่แล้ว +4

    thanks mate!

  • @pradumkumar6933
    @pradumkumar6933 3 ปีที่แล้ว +1

    Thanku For this awesome video : 1 like from me

  • @bkr_418
    @bkr_418 2 ปีที่แล้ว +1

    This was very helpful, thank you.

  • @mohitkumarbansal3486
    @mohitkumarbansal3486 2 ปีที่แล้ว +1

    thanks video helped me a lot

  • @Savedbygrace777-k9u
    @Savedbygrace777-k9u 2 ปีที่แล้ว

    Thank you so much!

  • @adri8115
    @adri8115 3 ปีที่แล้ว +7

    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

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      This is happening because you have replaced your index.html with the default index.html that firebase offers. Redeploy the application using the same steps and this time the index.html in your (public) folder will override what you are seeing. Let me know how it goes

    • @aarjith2580
      @aarjith2580 3 ปีที่แล้ว +2

      same problem here, did you find a solution?

    • @Vandousckie
      @Vandousckie 3 ปีที่แล้ว +2

      @@aarjith2580 i got the same problem but i fixed it ,when he ask you"What do you want to use as your public directory?" you should write "public" or any other folder that contain "index"

    • @aarjith2580
      @aarjith2580 3 ปีที่แล้ว

      @@Vandousckie Thankyou bro

    • @Vandousckie
      @Vandousckie 3 ปีที่แล้ว

      @@aarjith2580 you are welcome

  • @ansarqazi4377
    @ansarqazi4377 2 ปีที่แล้ว

    Great Job!

  • @sahilgupta9378
    @sahilgupta9378 2 ปีที่แล้ว

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

  • @PORKII-lw9um
    @PORKII-lw9um 2 ปีที่แล้ว +1

    perfect, Thank you so much I appreciate it.

  • @EngHamseabdi
    @EngHamseabdi 2 ปีที่แล้ว +1

    Thanks bro.👏

  • @anirudhganesh
    @anirudhganesh 3 ปีที่แล้ว +3

    do I remove the project if I want to remove it from public? is there a way to disable it temporarily so that I can edit my site and re-enable it? Awesome video

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว +1

      Yes, totally possible,
      Run "firebase hosting:disable" from the firebase CLI and this should disable the website. Then you can go to firebase.console google website and under the hosting tab from the left menu, go on and delete the deployment.

    • @advancexz0
      @advancexz0 3 ปีที่แล้ว +2

      Hi, I dont know how it works, im relatively new on this, but there is this beta feature: 'firebase hosting:channel:deploy preview_name' to test changes before going live

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว +2

      @@advancexz0 Thanks for the contribution. Appreciate it :)

    • @anirudhganesh
      @anirudhganesh 3 ปีที่แล้ว

      @@SameerSaini Hi Sameer, Thanks for your reply. Do you know where the files are stored in firebase? Few images are not appearing when I deploy the site but works fine in the local machine. I have those images in a second level folder (eg: folder1/folder2/image)

  • @TAMBAMGAMES
    @TAMBAMGAMES 3 ปีที่แล้ว +1

    Really great. Make video on custom domain name

  • @nllentfaw
    @nllentfaw 3 ปีที่แล้ว +2

    Amazing tutorial. Thank you so much!

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Glad you enjoyed it!

  • @Rahul-pf5kw
    @Rahul-pf5kw 2 ปีที่แล้ว +1

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

  • @jmannumbers12
    @jmannumbers12 3 ปีที่แล้ว +1

    A tutorial that even works for me! :)

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Glad I could help!

    • @KrishnaSingh-gs2lj
      @KrishnaSingh-gs2lj 2 ปีที่แล้ว +1

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

  • @Yosef_Selam
    @Yosef_Selam 3 ปีที่แล้ว +1

    Thank You Very Much 1000000 times...

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      You are most welcome

  • @peoples.say.masoom
    @peoples.say.masoom 3 ปีที่แล้ว +1

    ThankYou Sameer thankU so much for this video I hope it'll also work for me Inshallah will try it tomorrow and I just wanted to say your english is good but kindly change the accent so it'll be better for you.
    But don't complement is also given (Your English is good) haha 😀😀

  • @makariouskikomeko1925
    @makariouskikomeko1925 3 ปีที่แล้ว +1

    Thanks Man

  • @venkateswarreddy1200
    @venkateswarreddy1200 2 ปีที่แล้ว

    Great video

  • @gillroymarshall3291
    @gillroymarshall3291 ปีที่แล้ว

    great video thanks

  • @sohoraf100
    @sohoraf100 3 ปีที่แล้ว +1

    Very well explained.

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Glad it was helpful!

  • @TheCoachis_BA
    @TheCoachis_BA 2 ปีที่แล้ว

    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.

  • @randomgolfgirl1652
    @randomgolfgirl1652 ปีที่แล้ว

    great, informative video

  • @sasss7060
    @sasss7060 3 ปีที่แล้ว +1

    very helpful! thank you

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      You're welcome!

    • @martynbirdem189
      @martynbirdem189 3 ปีที่แล้ว

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

  • @tanveeransari4510
    @tanveeransari4510 3 ปีที่แล้ว +1

    I want my own custom url for the website. How i can do it?

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      Hi Tanveer, If you go back to console.firebase.google.com and under the hosting tab, you will find a add custom domain tab, click on it and follow the steps that google suggests.

  • @bruskin9369
    @bruskin9369 3 ปีที่แล้ว +1

    thanks

  • @lemonyth
    @lemonyth 3 ปีที่แล้ว +1

    I thank you so much for this tutorial.

  • @kikomekomarcella5665
    @kikomekomarcella5665 3 ปีที่แล้ว +1

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

  • @vanditha07
    @vanditha07 3 ปีที่แล้ว +1

    thank you so much!!

  • @markabrasaldo9755
    @markabrasaldo9755 3 ปีที่แล้ว +1

    Thank you.

  • @griffnetstudios1123
    @griffnetstudios1123 ปีที่แล้ว

    the command isn't working, what do I have to install before coping those command texts

  • @oddlysatisfyingchannel9043
    @oddlysatisfyingchannel9043 3 ปีที่แล้ว

    Found it helpful ❣️

  • @S__DhruvTrehan
    @S__DhruvTrehan 2 ปีที่แล้ว +15

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

    • @SameerSaini
      @SameerSaini  2 ปีที่แล้ว +1

      Great, now make sure the index.html file is in the public folder and then use the firebase deploy command again.
      It will surely work

    • @Playtimeunivers
      @Playtimeunivers 2 ปีที่แล้ว +1

      @@SameerSaini it created an index.html page for me in public again I use firebase deploy command same result as before it comes what to do next

    • @promagician9914
      @promagician9914 2 ปีที่แล้ว

      @@Playtimeunivers Replace all files in the Public folder with yours!

  • @RakibHasan-ry2qb
    @RakibHasan-ry2qb ปีที่แล้ว +1

    Thank you

  • @akashkv41
    @akashkv41 2 ปีที่แล้ว +1

    Thank You

  • @eliasbck
    @eliasbck 3 ปีที่แล้ว

    thanks for your help!

    • @SameerSaini
      @SameerSaini  3 ปีที่แล้ว

      No problem at all :)

  • @hassyddevil
    @hassyddevil 3 ปีที่แล้ว

    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

  • @tazulislam2698
    @tazulislam2698 2 ปีที่แล้ว

    It is helpfull indeed. But will it run python, php and node.js? Please!

  • @Tori59065
    @Tori59065 3 ปีที่แล้ว

    Loved this

  • @Ajsincomes
    @Ajsincomes 3 ปีที่แล้ว +1

    ❤️ from Tamilnadu

  • @keshav1318
    @keshav1318 2 ปีที่แล้ว

    Thanks This helped a lot 🙂

  • @KO_MasterEdits
    @KO_MasterEdits ปีที่แล้ว

    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

  • @zoran902
    @zoran902 ปีที่แล้ว

    Thanks for the video. So useful.

  • @yogibobo1
    @yogibobo1 4 ปีที่แล้ว

    great video mate ! 10x

  • @bikkysharma7253
    @bikkysharma7253 ปีที่แล้ว

    helped thanku

  • @krodriguesfirmino2
    @krodriguesfirmino2 3 ปีที่แล้ว

    Awesome! Thanks!!!

  • @Hgrewssauujdkhvcjjipp
    @Hgrewssauujdkhvcjjipp 3 ปีที่แล้ว +1

    Excellent👍 thank you for sharing it to us

  • @foacademy9926
    @foacademy9926 2 ปีที่แล้ว

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

  • @nishantkumartiwari6025
    @nishantkumartiwari6025 10 หลายเดือนก่อน

    Thanku so much

  • @abdelrahmankhatab4772
    @abdelrahmankhatab4772 ปีที่แล้ว

    thank you so much

  • @codewithagaya
    @codewithagaya ปีที่แล้ว

    thank you sir i managed

  • @-xyzan-
    @-xyzan- 2 ปีที่แล้ว +2

    Very good content 👌
    Does there any limitations?

  • @Gnsd45
    @Gnsd45 2 ปีที่แล้ว +3

    I followed all these steps, but upon copying my website url from cmd to the browser (which for some reason has some random characters also added next to the name that i have set), instead of seeing my website i am seeing a window with a "Firebase Hosting Setup Complete" message with an "open hosting documentation" button that just sends me to the hosting section of the firebase site. Why is this happening, how can i get my website up and running?

    • @waqarhaider6820
      @waqarhaider6820 ปีที่แล้ว +1

      bro did you resolve it?

    • @maddyshorts267
      @maddyshorts267 ปีที่แล้ว

      Bro Did you resolve it?

    • @Gnsd45
      @Gnsd45 ปีที่แล้ว +1

      @@maddyshorts267 i dont remember the details with this method but i saved my self from all this bullshit from braindead methods that cant make it work properly and easily and i just went to netlify insteaad

    • @maddyshorts267
      @maddyshorts267 ปีที่แล้ว

      @@Gnsd45 thanks

  • @123kingvlad
    @123kingvlad 2 ปีที่แล้ว

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

  • @honeyk1903
    @honeyk1903 3 ปีที่แล้ว +1

    Nice video

  • @rahulgawale
    @rahulgawale 2 ปีที่แล้ว

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

  • @ahmadibno410
    @ahmadibno410 2 ปีที่แล้ว

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

  • @kennw3244
    @kennw3244 2 ปีที่แล้ว

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

  • @visuphotoeditor5467
    @visuphotoeditor5467 3 ปีที่แล้ว +1

    thank you for your valuable tutorials thanks alot

  • @imjonas
    @imjonas 3 ปีที่แล้ว

    It works. thanks.

  • @asnawas6153
    @asnawas6153 2 ปีที่แล้ว

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