Two Irresistible Ways To Deploy Your Nuxt.js Application (Universal and Static)

preview_player
Показать описание
🚨 IMPORTANT:

-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆

► LEARNING TO CODE? CHECK OUT THESE COURSES! (SOME ARE AFFILIATE)

___

___

___

Links

___

Рекомендации по теме
Комментарии
Автор

This is the video I am looking for over a week. Thank you very much ❤ keep doing ✨

kaviarasan
Автор

For Nginx, when you just want to refresh the config file(s), you can run
sudo nginx -s reload
instead of stopping and starting the service. This will do a "soft reload", where it will stop and start only the refreshable services, or halt on any errors. It will not bail all services on error, only the one(s) that error out.

For example, if you got 2 configs and you make a mistake on one of them, only the failed config will be unavailable, while the other still runs.

This is much safer for production environments, where you might have dozens of customer configs. You don't want all customer sites to go down just because you made one mistake in one customer's file :)

morphman
Автор

Instead of modifying the default nginx file, make a new one and move default out of the way. That way if something bad happens and nginx needs to be troubleshot you can fall back to it.

toadkicker
Автор

Hello Erik, that's awesome you explain the things in a very easy way. can you please confirm the thing about global CSS files after build, in nuxt/dist folder there is no CSS folder is there, when I try to deploy my Nuxt app on Gcloud app engine, it is giving error like app.css file is missing. Please help me out with this.

DhevunooriSupriya
Автор

Hey Erik, thanks for the amazing video. This video is the closest thing I have come across for deploying Nuxt with Nginx on EC2's Ubuntu instance. I wanted to ask you that if I had an AWS EC2 Ubuntu instance the deployment process should be pretty much the same right?

ThePri
Автор

Hey Erik :) Love your videos :D Maybe you could do an in-depth video on deploying an SSR app on firebase hosting using cloud functions? Im sure there are plenty of people looking for a good tutorial!

chordfunc
Автор

how one is suppose to deploy this on a regular basis? whats a good workflow to do this after a code update.?

RandomReviewsGuy
Автор

thank you for this tutorial and your time. great work

gurmukhsingh-uhqo
Автор

Hi, great video, is nuxsj responsive by default?, thanks

Asgallu
Автор

Hello Erik, how are u? Do u have any idea if these steps can be archive using IIS?

programadorquipubyte
Автор

Thanks man. Been stuck on this for a couple hours. I think my main problem was that I was trying to use Apache instead of Nginx

willberg
Автор

Im really overwealmed by all this deployment for SSR websites. It seems so complicated for a beginner like me. I just want my website build with vue & nuxt to be SEO friendly. Also what is Static content? Why shouldn‘t I use npm run generate and upload the dist folder to a hosting like firebase? There is just so little Well explained Information on YouTube and other platforms...

JFkingW
Автор

I was wondering how to get a nuxtjs app working with apache2, but since you explain how to do it with nginx as reverse proxy I'm good to go, so thank you!

youssefvideotube
Автор

Hey Erik, Amazing video. I was looking forward for this kind of video from long time. I have setup server as you explained but was not really sure about correct way. After watching you video I'm very much confident. Thank you very for this video!
I'm have an issue with Nuxt while deployment and want to discuss it with you.
I'm working bit large application which takes 4-5 mins to get build on AWS lightsail so the issue happens when I visit my website while deployment is on and file building is almost 90% done then website start throwing 404 errors of many JS files like app.js, vendor.js and broke my website for 1-2 mins which is not good. Can you share your thoughts on it and whats the best way to fix that?

SurinderSingh-dsqw
Автор

Hi Eric, I'm using a ubuntu droplet from digitalocean. I followed your steps and got my site up, but I'm experiencing some problems with my images. They all return 404 error as well as some js files from the build. What could I have done wrong?

ianjaybronola
Автор

Thanks for de content. Helped me a lot

nilnfa
Автор

If you are creating a new NGINX config file instead of using the default config file then you'll need to make a symblic link of the file in the sites available folder too

abhishekchauhan
Автор

It works perfectly good, have you try to hide the port using HTTPS config?

alejandrocarvajal
Автор

Nice video! finally deployed nuxt on ec2. Just from curiosity, I understand that in this case, the purpose of using nginx is to redirect port 80 to 3000. But I dont understand why I cant just change the port from 3000 to 80 without nginx("start": "PORT 80 nuxt start". Then you could "sudo npm start". On the console everything seemed to be working fine, but I couldnt access the server with port 80. With my node.js backend forcing port 80 with the script worked fine.

sihoonkim
Автор

On static, if I refresh the page or go to a specific /page, the app breaks...

JamesAutoDude