Page traduite Le contenu de cette page peut être déprécié.
Lire la page originale Contribuer à cette traduction

Deploy Nuxt on Heroku

How to deploy Nuxt on Heroku?

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

Watch a free lesson on How to deploy Nuxt to Heroku on Vue School

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

heroku config:set HOST=0.0.0.0
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 application is now hosted on Heroku!