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
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!
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.
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.
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.
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.
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 ?
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 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.
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!"
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
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 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"
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?
@@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
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
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.
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 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)
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
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?
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🙏
Really a very helpful video, your channel deserves more subscribers and it will happen for sure. One permanent subscriber of your channel increases today.
I have separated the files in folder like HTML,CSS,JS do it will take the HTML file in that case ,also please suggest which file path should I have to give inside the project where I have 3 folders - HTML,CSS,JS or inside HTML folder ? please reply fast
for any hosting server, the starting point is an index.html, this has to be in the main folder outside the HTML folder in your structure, only then it will have a starting point
Sir i wanted to deploy (Angular + .Net api + SQL) website can i deploy on the hostinger because in my local i am using a separate port for api and one separate port for angular please guide
thanks for this amazing tutorial just have a small query. Is it possible to change the firebase cli features later in the future ? if yes can you tell me how thanks again
If this is for another app, you would have to set up the features for that app separately, if this is for the same app, you would have to delete the firebase file in your local system (inside your project) and then start this process again.
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.
Hey!….I am having Ubuntu and I code on that so Is there any way I can host from Ubuntu?….like the configuration code is different in the Ubuntu Terminal I guess
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.
"npm install -g firebase-tools" command works but after that "firebase login" is not working .. error: 'AppData\Roaming pm/node_modules/node/bin/node: line 1: This: command not found'
I have a few backend scripts and npm packages, two collections, one database (using MongoDB) and the site is a single page application. Am not sure how to deploy this on firebase for free. Thanks though!!!
I tried hosting my website but everytime it get's to the 404 and index, the firebase log gets taken out and it just tells me that it couldnt find the 404 although I let him write it it says wrote 404. giving me this error: HTTP Error: 404, Requested entity was not found.
Sameer Saini... Please I need your help, firebase is not adding files to my project folder and I think that is the reason the hosted link is not redirecting to my page. What can I do about that?
How can I signed out of firebase account? How can I create a bigger space on my laptop for an external space? Can I use a different gmail email logged o my laptop to create a firebase account on CLI?
Hy bro I have started to learn code and I'm learning it but I don't know where or in which should i code in my pc or create a website can u help me please 🙏
You should start learning HTML, CSS and then JAVASCRIPT, You need a free text editor called Visual Studio Code, Install that and learn HTML to start creating some websites. Try to watch my Login page video as a start.
Hi Shivam, Have you posted all your javascript files as per the correct folder structure in the public folder? Can you press F12 in your browser when on the website and go to console to check what the console says?
After I select Use an existing project, I keep getting an error in firebase, that keeps telling me: HTTP Error: 401, Request had invalid authentication credentials. Expected OAuth 2 access token, login cookie or other valid authentication credential. Any idea what to do with this?
Hello, sir, I have problems it shows like that 'firebase' is not recognized as an internal or external command, operable program or batch file. When I put firebase login
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.
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
no , thank you
thank you soo muchh sir
I cant seem to locate my file directory through the command panel.
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!
Thanks. Glad you liked it. :)
@@SameerSaini would you mind to share the prerequisites for hosting this web app?
Perhaps the best tutorial on Firebase static website hosting on youtube and on the web. Thank you Sameer!
Straight to the point and no bs. Thanks man.
after editing.. hit command "firebase deploy" again in cmd
Just came across this. Very good Sameer. Well structured and well paced. Good job!!
Cheers Ken
By far the best introductory Firebase web hosting tutorial
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.
THANKYOU! Your video helped me a lot with Firebase setup :)
Glad it helped!
Nice! Directly to the point, no wasted time and it worked nice! Thanks
My setup is successfully done but when I search given URL it shows only welcome Firebase Hosting Setup complete Open Hosting Document why ?
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.
did u solve this problem?
In your public folder, remove default index.html
@@abhishek5222 Firebase hosts the Index.html file.
Remove Firebases index.html, so it hosts YOUR index.html
@@Harmxn this comment helped me alot thanks much
best tutorial on Firebase Hosting.. Thank you so much Sameer.
Cheers mate
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.
You are most welcome
while deploying on Firebase ,use firebase diploy --only Hosting . Firebase deploy will return error with Blaze plan some times.
Thanks for the suggestion Rahul, Cheers
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.
What an amazing helpful video! Thank you so much! 💯
Cheers mate
@@SameerSaini CheckMate?
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 ?
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
@@SameerSaini Also it hosts from the google server only right? So can I delete the files from my PC later?
@@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.
@@peoples.say.masoom good answer bro
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!"
I have probably watched this ten times! best instruction to simply deploy websites with firebase thanks! always a good reference
If it was great you were only going to watch it once.
@@noheeps lol this s--t is right
thanks man, it's really helpful!
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
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
same problem here, did you find a solution?
@@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"
@@Vandousckie Thankyou bro
@@aarjith2580 you are welcome
Everything went well but the CSS didn't work. Was requesting for some help about that problem
Thank you Sameer for the tutorial. Now I can deploy my demo work..
Cheers mate
2022, works perfectly! Thanks for this video!
Cheers mate
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.
Straight to the point. Thanks.
Cheers mate
Will this be available on google search???? and Please tell how to connect Domain if we already have
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?
bro did you resolve it?
Bro Did you resolve it?
@@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
@@Gnsd45 thanks
Really! Million Dollars Video .. Saves my time a lot. Thank You so much.
Great to hear!
Thanks dear it is 100% working.
Pls make more tutorials like this. ❤️
Cheers
Can I make website for movies like Avengers series.. That is legal?
How long this website hosting is for free plan?
thank you, watching your video is way easy than reading docs and faster,lol
Glad to hear that :)
HEY! Thank you for this!
crystal clear video.. please make video also to how coonect firebase database with our firebase host application
Glad you liked it,
Is it working for Dynamic website?
If we embed machine learning code in the webpage...
Is it worked or not?
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
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
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.
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
@@advancexz0 Thanks for the contribution. Appreciate it :)
@@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)
Thank you so much for this information it helps a lot to me
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
I followed all the steps correctly
Thank you my friend !
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?
thanks mate!
This was very helpful, thank you.
Glad it helped
I do not succeed, instead of the site it says Welcome
Firebase Hosting Setup Complete․ What should I do?
Use the same firebase command again, make sure your index.html is in the public folder
Was searching for the same. Doing great keep going...!👍
Thank you 🙂
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🙏
Thank you so much!
Very nice, thank you! Should I also deploy the pages for authenticated users in the public folder?
Nice! keep it up, I cannot installs "npm -v" I don,t know why?
what if made changes to the index HTML or any files? should I just redeploy?
Amazing tutorial. Thank you so much!
Glad you enjoyed it!
Really a very helpful video, your channel deserves more subscribers and it will happen for sure. One permanent subscriber of your channel increases today.
Thank you Sameer for the tutorial
Cheers.
Yeah it's working great. Thanks. But how can I remove .html extension when I open new page ? can anyone help
Nice one! Thanks! 😀🙏
Thanks. It works!
I have separated the files in folder like HTML,CSS,JS do it will take the HTML file in that case ,also please suggest which file path should I have to give inside the project where I have 3 folders - HTML,CSS,JS or inside HTML folder ? please reply fast
for any hosting server, the starting point is an index.html, this has to be in the main folder outside the HTML folder in your structure, only then it will have a starting point
It is helpfull indeed. But will it run python, php and node.js? Please!
Extremely nice video, thanks a lot
can you please do a demo using a mac? What steps would be different?
thanks Mr Sameer it was so helpful !
Glad to hear that
the command isn't working, what do I have to install before coping those command texts
Sir i wanted to deploy (Angular + .Net api + SQL) website can i deploy on the hostinger because in my local i am using a separate port for api and one separate port for angular please guide
thanks for this amazing tutorial just have a small query.
Is it possible to change the firebase cli features later in the future ? if yes can you tell me how
thanks again
If this is for another app, you would have to set up the features for that app separately, if this is for the same app, you would have to delete the firebase file in your local system (inside your project) and then start this process again.
thanks video helped me a lot
Glad it helped
I am having a problem getting my public folder option when I use firebase init. Please advice
"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??
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
@@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
@@akasha1030 Replace all files in the Public folder with yours!
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.
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??
perfect, Thank you so much I appreciate it.
Cheers mate
Hey!….I am having Ubuntu and I code on that so Is there any way I can host from Ubuntu?….like the configuration code is different in the Ubuntu Terminal I guess
Thank you for this video! :)
Thank you so much sir. It is really helpful. 😊
Glad you liked it
Brother very good information. Can we Enable in this Free Firebase website, Ad Networks like Google adsense and other Non Google Ad networks here.
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.
"npm install -g firebase-tools" command works but after that "firebase login" is not working ..
error: 'AppData\Roaming
pm/node_modules/node/bin/node: line 1: This: command not found'
Error: Failed to get Firebase project omkarqacv. Please make sure the project exists and your account has permission to access it.
I have a few backend scripts and npm packages, two collections, one database (using MongoDB) and the site is a single page application. Am not sure how to deploy this on firebase for free. Thanks though!!!
same
thanks
cheers :)
sir please give me background music otherwise tell me this video background music name
I tried hosting my website but everytime it get's to the 404 and index, the firebase log gets taken out and it just tells me that it couldnt find the 404 although I let him write it it says wrote 404. giving me this error: HTTP Error: 404, Requested entity was not found.
Sameer Saini... Please I need your help, firebase is not adding files to my project folder and I think that is the reason the hosted link is not redirecting to my page. What can I do about that?
Is it throwing any error message?
How can I signed out of firebase account? How can I create a bigger space on my laptop for an external space? Can I use a different gmail email logged o my laptop to create a firebase account on CLI?
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?
The final step is done but when i copy my site link and paste it on chrome the page is not shown the link shows firebase site
Firebase hosting setup complete page is displayed and in public folder there is no firebase indext .html
I thank you so much for this tutorial.
Cheers mate
Hy bro I have started to learn code and I'm learning it but I don't know where or in which should i code in my pc or create a website can u help me please 🙏
You should start learning HTML, CSS and then JAVASCRIPT, You need a free text editor called Visual Studio Code, Install that and learn HTML to start creating some websites. Try to watch my Login page video as a start.
Can I use Cloud SQL (SQL) with Firebase? Or if I use Firebase, am I bound to Firestore (NoSQL)?
Your static website can talk to an API and the api can talk to any database SQL or NoSql
Sir i hosted my javascript calculator on it but i can only see my page....
its not functional like i can't perform any calculations
Hi Shivam, Have you posted all your javascript files as per the correct folder structure in the public folder? Can you press F12 in your browser when on the website and go to console to check what the console says?
After I select Use an existing project, I keep getting an error in firebase, that keeps telling me: HTTP Error: 401, Request had invalid authentication credentials. Expected OAuth 2 access token, login cookie or other valid authentication credential. Any idea what to do with this?
Logout from all the browsers, and login back using that command in the video, it's most likely confusing between 2 sessions
@@SameerSaini thank you so much, actually worked. You’re a livesaver
Thanks bro.👏
Really great. Make video on custom domain name
Very soon!
Thank you
Hello, sir, I have problems it shows like that 'firebase' is not recognized as an internal or external command,
operable program or batch file. When I put firebase login
Make sure you open Node.js command prompt and make sure you run npm install -g firebase-tools
very helpful! thank you
You're welcome!
ruclips.net/video/618R0L3OrnA/видео.html To initialize Firebase project using cmd
is that we also get monetization by hosting on firebase?
Hai sir ,this is working for one main page but i have about section contact us section multiple web pages how to generate for those
I want my own custom url for the website. How i can do it?
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.
thank you so much!!
Glad it helped!