Cómo generar la versión de producción de tu aplicación Next.js
Implementar una aplicación creada con Next.js en producción es fácil. Agregue estas tres líneas a la package.json
script
sección:
"scripts": { "dev": "next", "build": "next build", "start": "next start"}
npm run dev
Hasta ahora, solíamos llamar al next
comando instalado localmente en node_modules/next/dist/bin/next
. Esto iniciaba el servidor de desarrollo, que nos proporcionaba mapas de origen y recarga de código activo , dos funciones muy útiles durante la depuración.
Se puede invocar el mismo comando para crear el sitio web pasando el build
indicador, ejecutando npm run build
. Luego, se puede usar el mismo comando para iniciar la aplicación de producción pasando el start
indicador, ejecutando npm run start
.
Estos dos 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 incluye mapas de origen ni otras funciones como la recarga de código activo que no serían beneficiosas para nuestros usuarios finales. Mazos del Hearthstone
Entonces, vamos a crear una implementación de producción de nuestra aplicación. Compilémosla usando:
npm run build
La salida del comando nos dice que algunas rutas ( /
y /blog
ahora están pre-renderizadas como HTML estático, mientras que /blog/[id]
serán servidas por el backend de Node.js.
Luego puedes ejecutar npm run start
para iniciar el servidor de producción localmente:
npm run start
Visitar https://localhost:3000 nos mostrará la versión de producción de la aplicación, localmente.
Tips de Next.js (enrutador de páginas)
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Implementación de una aplicación Next.js en producción
Implementar una aplicación creada con Next.js en producción es fácil. Agregue estas tres líneas a la package.json scriptsección: Cómo generar la versión
programar
es
https://aprendeprogramando.es/static/images/programar-implementacion-de-una-aplicacion-next-2190-0.jpg
2024-11-03
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente