Deploy Nuxt on Heroku

We recommend you read the Heroku documentation for Node.js.

You can set up and configure your app via the Heroku dashboard or the Heroku CLI.

First, we create our app. Then we add the Node.js buildpack and configure the app to listen on the host 0.0.0.0:

heroku create myapp
heroku buildpacks:set heroku/nodejs
heroku config:set HOST=0.0.0.0

Your app's Settings section on the Heroku dashboard should contain this:

nuxt config vars Heroku

Finally, we can push the app on Heroku with:

git push heroku master

To deploy a non-master branch to Heroku use:

git push heroku develop:master

where develop is the name of your branch.

You can optionally configure automatic deploys from a selected branch of your app's GitHub repository in the Deploy section of your app in the Heroku dashboard.

Voilà! Your Nuxt.js application is now hosted on Heroku!

Contributors

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!

Partners

  • Netlify
  • Google Chrome
  • Vercel
  • Swell
  • Strapi
  • Ship Shape
  • Layer0
  • Storyblok
  • 64 Robots
  • Netlify
  • Google Chrome
  • Vercel
  • Swell
  • Strapi
  • Ship Shape
  • Layer0
  • Storyblok
  • 64 Robots
Support Us