Next.js - Déploiement
Jusqu'à présent, nous avons développé et exécuté l'exemple d'application NEXT.JS en mode dev, nous allons maintenant effectuer le déploiement prêt pour la production localement en utilisant les étapes suivantes.
npm run build - Construisez la version prête pour la production et hautement optimisée.
npm run start - Démarrez le serveur.
La version prête pour la production manque de cartes sources et de rechargement de code à chaud par rapport au mode de développement car ces fonctionnalités sont principalement utilisées dans le débogage.
Préparer la construction
Exécutez la commande suivante pour préparer la version prête pour la production -.
npm run build
> [email protected] build \Node\nextjs
> next build
info - Loaded env from \Node\nextjs\.env.local
Creating an optimized production build
Compiled successfully.
Automatically optimizing pages
Page Size First Load JS
+ ? / 2.25 kB 60.3 kB
+ /_app 288 B 58.1 kB
+ /404 3.25 kB 61.3 kB
+ ? /api/user
+ ? /posts/[id] 312 B 61.6 kB
+ + /posts/one
+ + /posts/two
+ ? /posts/env 2.71 kB 60.8 kB
+ ? /posts/first 374 B 61.7 kB
+ First Load JS shared by all 58.1 kB
+ static/pages/_app.js 288 B
+ chunks/3458401054237127135bcd3ee8eb2a19d67af299.a1a019.js 10.5 kB
+ chunks/framework.c6faae.js 40 kB
+ runtime/main.60464f.js 6.54 kB
+ runtime/webpack.c21266.js 746 B
+ css/9706b5b8ed8e82c0fba0.css 175 B
? (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps)
(Static) automatically rendered as static HTML (uses no initial props)
? (SSG) automatically generated as static HTML + JSON (uses getStaticProps)Démarrez le serveur
Exécutez la commande suivante pour démarrer le serveur de production -.
npm run start
> [email protected] start \Node\nextjs
> next start
info - Loaded env from \Node\nextjs\.env.local
ready - started server on http://localhost:3000Vérifier la sortie
Ouvrez localhost: 3000 / api / user dans un navigateur et vous verrez la sortie suivante.
{"name":"Robert"}