How to deploy on Heroku?

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

First, we want our application to listen on the host and run in production mode:

heroku config:set HOST=
heroku config:set NODE_ENV=production

You should see this in your Heroku dashboard (Settings section):

nuxt config vars Heroku

Heroku uses a Procfile (name the file Procfile with no file extension) that specifies the commands that are executed by the apps dynos. To start the Procfile will be very simple, and needs to contain the following line:

web: nuxt start

This will instruct run the nuxt start command and tell heroku to direct external HTTP traffic to it.

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.

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

Platinum Sponsors

Storyblok Support Us