DéploiementDéployez et buildez

API de Build Next.js

La commande next build crée une version optimisée de votre application pour la production.
Le build de cette commande est stocké dans le dossier .next. La sortie de la build inclut des fichiers HTML pour les pages utilisant getStaticProps ou l’Optimisation Statique Automatique, des fichiers CSS pour les styles globaux ou les styles scopés, et du JavaScript pour le pré-rendu du contenu dynamique depuis le serveur.

Next.js déployé avec Vercel

Vercel est une plateforme d’hébergement spécialement conçue pour les développeurs front-end, et c’est la manière la plus simple de déployer votre application Next.js.
Lors du déploiement sur Vercel, la plateforme détecte automatiquement une application Next.js, exécute next build, et optimise la sortie de la build pour vous. Vercel propose également des fonctionnalités telles que la surveillance automatique des performances, HTTPS et les certificats SSL, et l’intégration continue/déploiement continu (CI/CD) automatique, entre autres.

Auto-hébergement

Next.js peut également être auto-hébergé en utilisant un serveur Node.js, Docker, ou une exportation statique en HTML.

  • Serveur Node.js : Next.js peut être déployé sur n’importe quel hébergement prenant en charge Node.js, comme AWS EC2 ou DigitalOcean Droplet. Assurez-vous que votre package.json contient les scripts “build” et “start”, puis exécutez npm run build pour builder votre application et npm run start pour démarrer le serveur.
  • Image Docker : Si votre hebergeur prend en charge les conteneurs Docker, vous pouvez déployer votre application Next.js en utilisant Docker. Installez Docker sur votre machine, construisez votre image Docker, puis lancer votre conteneur.
  • Exportation Statique en HTML : Vous pouvez effectuer une exportation statique en HTML de votre application Next.js si votre projet n’a pas besoin de rendre de nouvelles données côté serveur à chaque requête.
  1. Autres Services : Il existe une multitude d’autres services qui prennent en charge le déploiement d’applications Next.js, tels que AWS Copilot, Digital Ocean App Platform, Google Cloud Run, Heroku, Railway, et Render pour les serveurs gérés ; GitHub Pages pour le statique uniquement ; et AWS Amplify, Azure Static Web Apps, Cloudflare Pages, Firebase, Netlify, Terraform, et SST pour le déploiement serverless.
  2. Mises à Jour Automatiques : Next.js chargera automatiquement la dernière version de votre application en arrière-plan lors du routage, garantissant que vous voyez toujours la version la plus récente sans avoir besoin de recharger.
  3. Arrêts Gracieux Manuel : Si vous auto-hébergez, vous pourriez avoir besoin d’exécuter du code lors de l’arrêt du serveur. Vous pouvez définir la variable d’environnement NEXT_MANUAL_SIG_HANDLE sur true, puis enregistrer un gestionnaire pour les signaux SIGTERM ou SIGINT dans votre fichier _document.js.

N’oubliez pas que le déploiement de votre application est une partie importante du processus de développement. Cela vous permet de partager votre travail avec d’autres, de recueillir des commentaires et de fournir de la valeur à vos utilisateurs.