Nuxt Universal SSR Deployment to Heroku — includes connecting to an API and debugging Vuetify

It’s easy to deploy your Nuxt app… if you haven’t touched it since using `nuxt-create-app`. Once you start adding that pesky code, things get more difficult.

In this VueJS Tutorial we deploy our ongoing project to Heroku. Along the way we tackle not just the same old basic deploy steps that everyone does, but we also show how to connect to your server API, and then we debug an issue with Vuetify.

0:00 Start
1:13 Choosing a Strategy
4:50 Deploying a Basic Nuxt App
13:08 Connecting to the API Server
21:20 Deploying the Complete App
26:40 Conclusion

*** Github Links ***

*** Find me Online ***

Website coming soon!

#Nuxt #SSR #Heroku #Deploy #UniversalApp #Vue #VueJS #NuxtJS

[DodaGarcia]

Damn that idea of checking out the early branch to isolate the deployment is so smart

[baremetals]

This video is so so immense. Happy new year and thank you very much.

[VGblackelmo]

You're a blessing my dude. Thank you so much for this!

[shahabkarimifar]

Thanks a lot, i have a question, i wanna upload my nuxt project ( universal mode ) to the server ( my server is ubunto - VPS ) what should i do for this ???

[DerekAGilbert]

Does heroku automatically prune the dev dependencies for you or is that something you did ? And did you have caching script? Or was that heroku?

[travisbacon]

Hey mate can I clarrify something with you. I have been trying to deploy my nuxt universal (server side rendered) website to firebase hosting and function. Which uses express. It's working and everything but it's page loading time is really bad. Thinking of switching to heroku. Can you confirm that that what you have done in this video is truely server side rendering? I didn't see much node code using the nuxt node middleware API.
Sorry just a bit confused getting this all working for SEO.
Also if you have a promo code where you get money for referring people to heroku let me know as I liked the video and want to give you a referral bonus. :)

[mahmoudahmed-fuyd]

Very very are heroku is best for hosting nuxt app in production

[josephtully]

if anyone is having a problem with

ssh: Could not resolve hostname deployment: nodename nor servname provided, or not known
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

enter the following in the console:

heroku git:remote -a

hope it helps

[bozabonilla]

api path only work in dev but in heroku not, I installed nuxt with express server and it has been impossible deploy, api path doesnt works