Firebase Hosting Tutorial #4 - Deploying a Vue Site

Still great in 2023

If we are importing vue files dynamically for routes then we are getting error for Firebase hosting. Anyone has any solution. For now I have just imported all the vue files statically to make it work

it works! thank you for the video🙂🙂🙂

Thank you so much! Just deployed an Svelte app for a community engineering project! You're a lifesaver!

I cannot believe how good this guy is!

can fake api in json placeholder deploy to firebase?

Hi i wanna know how to create an application in wich people can host there site

If you are using React js, Change (dist) by (build) and it will be deployed
Thank you, Shaun

can you show how to deploy python flask/django app in firebase??

Thank you so much, the tutorial is really clear and easy to understand!

Thank you! and if a want to continue adding things to the app, what are the steps. Just code and do npm run build or what?
Thank You.

This is the BEST tutorial in 2021.
Very easy to understand.
Thank you so much.

TO EVERYONE USING WEBPACK. THIS WORKS FOR WEBPACK AS WELL. Spent 3 hours googling this stuff good lord.

Thanks man I was scratching my head for 3hrs not knowing where it was going wrong. Saved Me!!

Great video, I used it with a React project and worked perfectly

Hi, I know this is a old videobut I hosted a vue app on firebase but noticed favicon (that logo on tab) is not loading. I also noticed your hosted app also don't have the favicon but you locally hosted app have. Is there any solution?

Do same principles for backend file apply to ejs as well and how?

made my day brother ! thank you for sharing !

Thanks man very clear

It is 100 x better than the official firebase videos!!!

Thank you, Shaun! You are the best!

I really needed this.
Thanks for all your firebase series.
they were great am Learning from them
thanks so much I will host your vuetify Project soon.
the todo-ninja

Great tutorial as always... thanks

can you help me when i am deploying my website then i am getting an error like

i deploying database, hosting

Error: Unexpected rules format


thanks in advance

Really nice tutorial. Loved it. :)

Great!!! :)

Thank you!!

how do you deploy it with just your domain not firebase

I hope you win the lottery or something similar, you saved me from aging 20 years from the stress. Thank you.

I created an app using CDN version of vue and vuematerial hosted on or backed by AppsScript with Spreadsheet as its database. Would you show how to migrate from such case to firebase hosting? The app is also backed by Firebase Realtime Database connected thru the AppScript (not thru vue/client side). Everything is so simple but secured (AppScript can filter which gmail account can proceed and so Spreadsheet can be assigned to specific gmail account). For internal use, this combo is awesome. The only downside is the banner “This application is created by another user, not by Google”. Thanks Ninja!

Hi Shaun! how do you update your apps in firebase host? Do you use "firebase deploy" for each update?

thank you for this tutorial!

thank you very much. this is what is needed.

hi Ninja .... great work u are doing here... highly appreciated ... is it possible u can do a "node.js app firebase hosting deploy course"?

Can you please create toturial for flutter with graphql. thanks

Is it only for single page application that we can do firebase hosting ??

Thanks a Lot Net Ninja!

it is possible to host Dynamic (with database ) app in firebase

Thank you for your great tutorial,i really appreciate it.

Can you make us a tutorial on how to host a live radio, I will be thankful

Can we use this method for multiple page node js web app?

Hi ,Great tutorial . I would like to share a porblem that i just found and fixed. it might be common sense to most of you guys.
I had a project and I previous deployed on github. but when i switch to firebase ,it always shows a blank page and the console gives 3 error about unexpect token ">" . It took me a while then I found the problem is in the package.json file. "homepage" was set for github pages but it won't work in firebase. when I delete the "homepage" then it works. ^^

hey shaun i am not able to add default project in firebase init plaese help

I love it when you say refresh 😀😀😀

So nice and easy is to use firebase hosting. Thanks for your video. Helps a lot.

Fantastic content as always, Shaun...

Thank you Shaun for all these awesome tutorials. Love your channel!