Déployer sur Heroku

Nous vous recommandons de lire la documentation Heroku pour Node.js.

Premièrement, nous devons demander à Heroku d'installer les devDependencies du projet (afin de pouvoir exécuter npm run build) :

heroku config:set NPM_CONFIG_PRODUCTION=false

Nous voulons également que notre application écoute le port 0.0.0.0 et s'exécute en mode production :

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

Vous devriez voir cela dans votre tableau de bord Heroku (section Settings) :

variables de configuration de nuxt pour Heroku

Puis nous demandons à Heroku d'exécuter npm run build via le script heroku-postbuild de notre package.json :

"scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "heroku-postbuild": "npm run build"
}

Heroku utilise un Procfile (nommer le fichier Procfile sans extension de nom de fichier) qui indique les commandes à exécuter par les apps dynos. Pour commencer le Procfile sera très simple, et doit contenir les lignes suivantes :

web: npm run start

Cela indique qu'il faut lancer la commande nuxt start et dit à heroku de lui rediriger le trafic HTTP externe.

Pour finir, nous pouvons déployer notre application sur Heroku avec :

git push heroku master

Pour déployer une branche non master sur Heroku, utilisez :

git push heroku develop:master

develop est le nom de votre branche.

Voilà ! Votre application Nuxt.js est hébergée sur Heroku !

Contributors

Vous avez vu une erreur ou vous souhaitez contribuer à la documentation ? Éditez cette page sur GitHub !

Platinum Sponsors

Storyblok Support Us