Next.js: implementación
Hasta ahora hemos desarrollado y ejecutado la aplicación NEXT.JS de muestra en modo dev, ahora haremos la implementación lista para producción localmente siguiendo los siguientes pasos.
npm run build - Construya la construcción lista para producción, altamente optimizada.
npm run start - Inicie el servidor.
La compilación lista para producción carece de mapas de origen y recarga de código activo en comparación con el modo de desarrollo, ya que esas características se utilizan principalmente en la depuración.
Preparar construir
Ejecute el siguiente comando para preparar la compilación lista para producción:.
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)Inicie el servidor
Ejecute el siguiente comando para iniciar el servidor de producción:
npm run start
> [email protected] start \Node\nextjs
> next start
info - Loaded env from \Node\nextjs\.env.local
ready - started server on http://localhost:3000Verificar salida
Abra localhost: 3000 / api / user en un navegador y verá el siguiente resultado.
{"name":"Robert"}