Implementación de una aplicación Next.js en producción

 

 

 

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 scriptsección:

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

npm run devHasta ahora, solíamos llamar al nextcomando 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 buildindicador, ejecutando npm run build. Luego, se puede usar el mismo comando para iniciar la aplicación de producción pasando el startindicador, 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 /blogahora 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 startpara 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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Implementación de una aplicación Next.js en producción

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

 

Implementación de una aplicación Next.js en producción
Implementación de una aplicación Next.js en producción

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

 

 

Update cookies preferences