FREE Hosting for your Vue.js App! (Deploy to Netlify)

[@MakeAppswithDanny]

Btw, you could do the same thing with a Quasar Framework SPA, you'd just need to update the build command and publish directory accordingly (e.g. "quasar build" and "dist/spa").
Please Like, Share, Subscribe & Comment - it all helps me create more content for you!
👉 My Courses: dannys.link/courses
👉 Download Fudget: www.fudget.com
👉 My VSCode Setup: dannys.link/vscodesetup
👉 DONT CLICK THIS: dannys.link/dontclick

[@forgotteninventors]

Great step by step tutorial. Just when I finished deploying I realised I have to change one last thing in the code, and the video was still running. You literally told me how to change it before I even had time to stop the video hah. Great job, thank you!

[@MakeAppswithDanny]

Haha thanks Dominik!

[@LuqmanJuzaili]

I have been looking all over to find a tutorial that works for me. I finally did with this video. Thanks a lot! It is is very much appreciated

[@MakeAppswithDanny]

Glad it helped!

[@sajjalneupane6201]

You’ve simplified the web dev process. Really great. Waiting for the Quasar series. 👏👏👏

[@MakeAppswithDanny]

Thank Sajjal!

[@maths2649]

Excellent tutorial!! Thanks a lot.
Greetings from Lima Peru

[@MakeAppswithDanny]

Thanks. Greetings from Manchester!

[@guyfromdoon]

Bro... You helped me a lot in my vue.js journey... Thank you so much... ❤❤

[@MakeAppswithDanny]

My pleasure Suhel! 👍

[@arturazevedojr]

Excellent vídeo! The best. Congratulations!

[@MakeAppswithDanny]

Thank you very much!

[@cgeidt92]

Hi Danny, thanks a lot for your great videos and courses! Best ever!
A video or course how to use vuex with quasar pwa features like caches and request queues would be awesome!

[@MakeAppswithDanny]

Thanks kuxka. I’ll consider it.

[@jessietaganna5703]

Thanks for this another great video! Just curious why I can't view your site you have deployed in the video.

[@MakeAppswithDanny]

Thanks Jessie! It's working for me: vuetify-todo.netlify.app/

[@jessietaganna5703]

@@MakeAppswithDanny Thanks, sorry my bad. Typo.

[@proyectohormigacolombia]

Thank you so much for this useful information. I followed your tutorial and it was very fantastic!

[@MakeAppswithDanny]

Thanks Proyecto!

[@mintcool4545]

Great vid! Got it working straight away thank you!

[@MakeAppswithDanny]

Great!

[@justynamiczek5278]

Thank you Danny, you solved my problem!

[@MakeAppswithDanny]

Cool. Thanks Justyna!

[@ShayonKhaledShayon]

Thank you so much, it was sooo helpful and straight to the point! Subbed!

[@MakeAppswithDanny]

Thanks Shayon! Welcome 👍

[@guardesign]

good job Danny, it was awesome !!! I have another question for you, when I refresh my page in the browser I encountered to 404 error page. I think something related to vue-router, could you help me solve that problem?

[@jnjmedia8321]

Hi Danny, do you also have a tutorial for hosting laravel app?

[@MakeAppswithDanny]

I'm afraid not...

[@tonymasse3887]

Great advice. As usual.

[@MakeAppswithDanny]

Thanks Tony!

[@rangabharath4253]

Awesome as always 👍😀

[@MakeAppswithDanny]

Thanks Ranga!

[@elvissam1401]

This was really helpful, thanks !

[@MakeAppswithDanny]

Glad it was helpful! 👍

[@walterarielbaya6007]

Thank you! it was really helpful!

[@MakeAppswithDanny]

Glad it helped, Walter!

[@DanielFernandez-eo2ry]

Thanks for the video! It really helped me a lot.

[@MakeAppswithDanny]

Glad it helped, Daniel!

[@LUC-M]

Very very good tutorial!! Thanks a lot

[@MakeAppswithDanny]

Thanks Luc!

[@rpralica]

Great video man thank You.I suscribed of course You deserved that

[@MakeAppswithDanny]

Thanks for the sub, Rade!

[@Abberath]

Thanks for the video. I used your express backend tutorial to hide my api key from the frontend in my Vue weather app. When I deploy to Netlify I keep getting cors errors even though I'm allowing requests from any origin with the *wildcard on my Express app. Any advice for my particular problem?

[@MakeAppswithDanny]

Hmm I'm not sure James..

[@Abberath]

@@MakeAppswithDanny I think it's a browser specific thing. Appreciate your help and all the cool content you make!

[@RodrigoDAgostino]

That was really helpful! Thank you very much, mate! :)

[@MakeAppswithDanny]

My pleasure, Rodrigo!

[@keplerk]

Any chance to have a comparison between netflify and vecel ? im kinda curious about your opinion on this topic 🤔

[@MakeAppswithDanny]

Thanks keplerk. I'm not familar with vecel at the moment 👍

[@keplerk]

@@MakeAppswithDanny Damn ... i hate my cellphone some times, i meant vercel *

[@Lea-uw1gm]

git commit -am "message" allows you to combine add and commit so you don't have to do that extra step

[@MakeAppswithDanny]

Ooh that's nice. Thanks!

[@ArifMolon]

Great infoes thank Danny.

[@MakeAppswithDanny]

Thanks Arif! 👍

[@blimyyoox2423]

This video is AWESOME

[@MakeAppswithDanny]

Thanks Blimy!

[@mohammedmhilal4129]

easy and to the point. love it.

[@MakeAppswithDanny]

Thanks Mohammed! 👍

[@Abie169]

Thank you Danny

[@MakeAppswithDanny]

You’re welcome Abie!

[@mattgeborek136]

Great video Danny. Does Netlify have the ability to send api requests? I want to make a stock tracking app, but I am unsure if I will be able to get the live prices/other data

[@MakeAppswithDanny]

Sure I don't see why not. 👍

[@shinobuoshino3116]

I have this error, could you help me?
11:27:01 AM: Module not found: Can't resolve imported dependency "composables/ubigeo"
Did you forget to install it? You can run: npm install --save composables/ubigeo
my code in quasar.conf.js
extendWebpack(cfg, { isServer, isClient }) {
cfg.resolve.alias = {
...cfg.resolve.alias, // This adds the existing alias
// Add your own alias like this
composables: path.resolve(__dirname, './src/composables'),
}
},

[@MakeAppswithDanny]

Not sure what's going on there, Shinobu...

[@alonelyproducer663]

Btw, you need to update your copyright information for your website! It's still on 2017

[@MakeAppswithDanny]

Oh yeah. Oops! Thanks for letting me know! I'll probably do a new website for Fudget 2 anyway. 👍

[@federicoc.2264]

Hi Danny,
css transitions do not work after deploying on the online website (while in localhost they work).
Do you have any idea what the reason may be?

[@MakeAppswithDanny]

I'm not sure, but maybe the CSS file (for the transitions) is not being imported somehow...

[@alessiopampana7990]

number one, thanks a lot

[@MakeAppswithDanny]

Thanks Alessio! 👍

[@shinobuoshino3116]

Could you do diploy with Heroku?

[@MakeAppswithDanny]

I think I covered that in the Instagram Clone playlist, Shinobu: ua-cam.com/play/PLAiDzIdBfy8h6HgfQg3namagsCUT0Y2Bs.html

[@antoniobrandao1642]

Very nice video!

[@MakeAppswithDanny]

Thanks Antonio!

[@VISHNUKUMAR-bh8uj]

Thanks for this one

[@MakeAppswithDanny]

My pleasure Vishnu!

[@dissectionoverload]

happy careca's day thank you!

[@MakeAppswithDanny]

Same to you, Pablo!

[@extremelyangryman2583]

followed the entire process but the site returns "This site can’t be reached" when clicking the deployed url.

[@MakeAppswithDanny]

Hmm I'm not sure what's going there...

[@extremelyangryman2583]

@@MakeAppswithDanny no worries, I think it had something to do with my ISP blocking netlify. thanks again and keep those videos going.

[@vampirejs758]

Dude please make more videos on vuetify for mobile!

[@MakeAppswithDanny]

Thanks I'll consider it.

[@AditiBhardwaj-i9t]

whenever I try to push my repository to GitHub some files aren't pushed (nested folder) and the folder is empty. Please help !!

[@MakeAppswithDanny]

I'm not sure, that could be due to a number of things. Perhaps the folder is excluded in your gitignore file...

[@rickybarabba7866]

Well, I thought you could just drag and drop the dist folder directly to netlifly. Yeah, I understand for a development lifecycle it is better to create a repo in github and then deploy from there...

[@MakeAppswithDanny]

I didn’t know you could drag and drop to Netlify. How do you do that?

[@rickybarabba7866]

@@MakeAppswithDanny Here is the official video: ua-cam.com/video/vywDFg2uIxY/v-deo.html&feature=emb_title&ab_channel=Netlify

[@MakeAppswithDanny]

@@rickybarabba7866 wow that’s great to know, R&B. Thanks!

[@brandonsayring]

Allow me to be the first in the comments to say, "PENGUIN BALLS".
Keep the great content coming, Danny!

[@MakeAppswithDanny]

Ha! Thanks Brandon!

[@mustafamuse2904]

How to fix broken CSS on Netlify Deploy when using vue js.

[@MakeAppswithDanny]

I'm not sure, bud, is it to do with the path you set when importing the CSS file?

[@rodguinea]

Thank you!!

[@MakeAppswithDanny]

Thanks for watching & commenting Rodrigo!

[@cruzikedinobi8602]

Made it simple

[@MakeAppswithDanny]

Thanks Cruz!

[@nishantpansuriya4530]

Thanks man :)

[@MakeAppswithDanny]

Pleasure!

[@nazarullahhanafi1418]

how to click ^C in minute 1:10 ???
I try but I cant

[@MakeAppswithDanny]

You want to press Ctrl + C 👍

[@MadiShogan]

Netlify suspended my account right after i signed up. Used different email didn't helped.

[@MakeAppswithDanny]

I'm sure you could find other similar services with free options. Best of luck 👍

[@gor2em]

thank youu

[@MakeAppswithDanny]

My pleasure Glory 👍

[@pgmoorthy]

Free hosting for Quasar?

[@MakeAppswithDanny]

Yeah you can host Quasar SPA too. You Just need to change the build command and dist path accordingly.

[@pgmoorthy]

@@MakeAppswithDanny thanks bro.
Localbase concept super bro, i have one doubt, how to. Set autoincrement for id

[@MakeAppswithDanny]

@@pgmoorthy well the auto generated keys are already ordered, alphanumerically. However it’s not possible to set them to 1, 2, 3 etc.

[@pgmoorthy]

@@MakeAppswithDanny ok bro.

[@arshahin9803]

great

[@MakeAppswithDanny]

Thanks AR! 👍

[@jensluck370]

Great video Danny, as always! Sometimes the best things in life are free: ua-cam.com/video/79SNvZi3ltE/v-deo.html I will definitely check out Netlify, looks very interesting. I should also work more with Github.

[@pgmoorthy]

Im first command ☺️

[@MakeAppswithDanny]

😂

[@luisangelmendozachate]

Penguinballs

[@MakeAppswithDanny]

🐧

[@sedmahdi4988]

Thanks a LOT! it was very useful

[@MakeAppswithDanny]

Glad it was helpful, Sed!

[@kowsharahmed6666]

Thank you so much.

[@MakeAppswithDanny]

My pleasure Kowshar! 👍

[@everydaylyricsyus]

Thank you very much

[@MakeAppswithDanny]

You are welcome 👍

[@LSonurB]

Very helpful video! Thanks!

[@MakeAppswithDanny]

Glad it was helpful, Bruno!

[@inomjonjovliyev7288]

thank you very much !

[@MakeAppswithDanny]

You are welcome, Inomjon!

[@Music.videoo]

Thank you 👍👍👍👍

[@MakeAppswithDanny]

Welcome 👍