Implementar una aplicación Next.js en producción

Cómo generar la versión de producción de su aplicación Next.js

Implementar una aplicación creada con Next.js en producción es fácil. Agregue esas 3 líneas alpackage.json scriptsección:

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}

Nosotros usamosnpm run devhasta ahora, para llamar alnextcomando instalado localmente ennode_modules/next/dist/bin/next. Esto inició el servidor de desarrollo, que nos proporcionómapas de origenyrecarga de código caliente, dos funciones muy útiles durante la depuración.

Se puede invocar el mismo comando para construir el sitio web pasando elbuildbandera, corriendonpm run build. Luego, se puede usar el mismo comando para iniciar la aplicación de producción pasando elstartbandera, corriendonpm run start.

Esos 2 comandos son los que debemos invocar para implementar con éxito la versión de producción de nuestro sitio localmente. La versión de producción está altamente optimizada y no viene con mapas de origen y otras cosas como la recarga de código activo que no sería beneficioso para nuestros usuarios finales.

Entonces, creemos una implementación de producción de nuestra aplicación. Constrúyelo usando:

npm run build

La salida del comando nos dice que algunas rutas (/y/blogahora se representan previamente como HTML estático, mientras que/blog/[id]será servido por el backend de Node.js.

Entonces puedes corrernpm run startpara iniciar el servidor de producción localmente:

npm run start

Visitandohttp://localhost:3000nos mostrará la versión de producción de la aplicación, localmente.

Descarga mi gratisManual de Next.js


Más próximos tutoriales: