Este es un ejemplo de cómo configurar un sitio estático con Next.js en los servicios de Alojamiento de Sitios Estáticos de Kinsta a partir de un repositorio de GitHub.

Next.js es el Framework React para la Web. Puedes encontrar más información en el sitio web nextjs.org.

También puedes utilizar esta plantilla de inicio rápido en el Alojamiento de Aplicaciones de Kinsta sin ninguna configuración adicional. Si utilizas el Alojamiento de Aplicaciones, el comando de Inicio puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.

Durante el proceso de despliegue, Kinsta instala automáticamente las dependencias definidas en tu archivo package.json.

  1. Accede a GitHub y crea un nuevo repositorio a partir de esta plantilla (Utilizar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello Word – Sitio estático con Next.js
  2. En MyKinsta, añade un sitio estático con el repositorio Hello World Next.js. Puede que se autocompleten los ajustes de Construcción; comprueba que coinciden con los siguientes y cámbialos si es necesario:
    • Comando de construcción: npm run build
    • Versión de Node: 16.20.0
    • Directorio de publicación: out
  3. El sitio estará disponible en cuanto finalice la construcción, y la página predeterminada Next.js se cargará en la URL de tu sitio.
Página predeterminada de Next.js tras la correcta implementación de Next.js.
Página predeterminada de Next.js tras la correcta implementación de Next.js.

Ciclo de Vida del Despliegue

Cada vez que se inicia un despliegue (mediante la creación de un sitio estático o el redespliegue debido a un commit entrante), se ejecuta el comando de construcción, seguido del despliegue del contenido del Directorio de Publicación.