heroku nextjs

Suivant.js sur Heroku

Déployez les applications Web universelles basées sur React sur Heroku.

Déploiement de démonstration de ce dépôt:
https://nextjs.herokuapp.com

Un serveur de nœud / express personnalisé est pris en charge. Utilisez-le pour:

• Combinez une API de nœud avec une interface utilisateur suivante / réactive
• Implémentez les routes URL personnalisées

▶ ️ Suivant avec un serveur express personnalisé

Nécessite

• Heroku
  • Outils de ligne de commande (CLI)
  • Un compte gratuit
• git
• Node.js
• Next.js

Déploiement de la production

Une fois qu'une prochaine application fonctionne localement, vous pouvez la déployer pour un accès public.

1. Révisez le script npm start pour définir le $PORT écouteur Web:

   Fusionner cette entrée dans package.json :

   {
     "scripts" : {
       "dev" : " next " ,
       "build" : " next build " ,
       "start" : " next start -p $PORT "
     }
   }

   ️ En mars 2019, Heroku a commencé à exécuter npm run build automatiquement, de sorte que l'ancienne entrée de script heroku-postbuild n'est plus nécessaire.

2. Assurez-vous que l'application est un dépôt GIT, ignorant les répertoires locaux:

   git init
   (echo node_modules/ && echo .next/) >> .gitignore

3. Créez l'application Heroku:

   heroku create $APP_NAME

4. Déployer:

   git add .
   git commit -m ' Next.js app on Heroku '
   git push heroku main 

   ️ En juillet 2020, Heroku soutient git push heroku main et encourage son utilisation. La prise en charge du nom de la branche de «Master» restera disponible pour la compatibilité vers l'arrière.

5. ♻️ Déploiement des modifications: ajouter, engager et pousser à nouveau.

Configuration personnalisée

Suivant lui-même prend en charge la configuration de build & d'exécution via le fichier suivant.config.js.

Utilisez des variables d'environnement (Heroku Config Vars) dans vos composants React, aucune reconstruction requise! Définissez simplement les valeurs Next.config.js de l'environnement du serveur à l'aide de l'objet process.env .