Mode production dans le framework NextJS
Le mode production est destiné au lancement du projet sur l'hébergement. L'objectif principal de ce mode est d'assurer des performances maximales et la sécurité du projet, ainsi que de réduire le volume des fichiers chargés pour économiser la mémoire système.
Les principales caractéristiques du mode production :
- Optimisation du code - avant le lancement en production, le code est compilé. Par exemple, la minimisation du JavaScript et du CSS est effectuée pour réduire leur taille et accélérer le chargement de la page.
- Génération statique - le framework génère les pages à l'avance, ce qui accélère leur chargement sur le site.
- Optimisation des images, qui sont automatiquement compressées et adaptées pour différentes tailles d'écran et appareils.
- Suppression des informations de débogage - tout le code pour le débogage des erreurs est retiré des pages du navigateur. Ceci est nécessaire pour le fonctionnement sécurisé du projet et pour cacher les informations sur la structure des fichiers aux utilisateurs.
- Absence de rechargement à chaud - contrairement au mode développement, il n'y a pas de rechargement automatique à chaque modification apportée.
Le mode production est lancé par deux commandes. Pour commencer, il faut effectuer la build de production du projet :
npm run build
Puis lancer le projet buildé :
npm start
Après le lancement du projet, vous verrez des informations sur la structure principale du projet. Des symboles spéciaux indiquent les type de contenu du projet - statique et dynamique. Pour le moment, nous n'avons que du contenu statique.
Pour essayer, lancez le projet en mode production.
Désactivez le mode production et activez le mode développement. Dans les leçons suivantes, nous travaillerons précisément dans ce mode.