Este es un ejemplo de cómo configurar un sitio estático con Eleventy en los servicios de Alojamiento de Aplicaciones o Sitios Estáticos de Kinsta desde un repositorio de GitHub.

Eleventy es un generador de sitios estáticos basado en JavaScript que facilita a los desarrolladores la creación de sitios web rápidos, modernos y personalizables. Encontrarás más información en el sitio web de Eleventy.

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

Alojamiento de Sitios Estáticos

  1. Accede a GitHub y crea un nuevo repositorio a partir de esta plantilla (Usar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello World – Eleventy.
  2. En MyKinsta, añade un sitio estático con el repositorio Hello World Eleventy y la siguiente Configuración de Construcción:
    • Comando de construcción: npx @11ty/eleventy
    • Versión de nodo: 18.16.0
    • Directorio de publicación: _site
  3. El sitio estará disponible en cuanto finalice la construcción, y la página de Bienvenida de Kinsta se cargará en la URL de tu sitio.

Alojamiento de la Aplicación

  1. Inicia sesión en GitHub y crea un nuevo repositorio a partir de esta plantilla (Usa esta plantilla > Crea un nuevo repositorio): Kinsta — Hello World — Eleventy.
  2. En MyKinsta, añade una aplicación con el repositorio Hello World Eleventy. El comando Start puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.
  3. La aplicación estará disponible tan pronto como finalice la construcción y la página de Bienvenida de Kinsta se cargue en la URL de tu aplicación.

Configuración del Servidor Web

Puerto

Kinsta establece automáticamente la variable de entorno PORT. No debes definirla tú, ni tampoco codificarla en la aplicación.

Comando de inicio

Al desplegar una aplicación, Kinsta crea automáticamente un proceso web con npm start como Comando de inicio. Asegúrate de utilizar este comando para ejecutar tu servidor.

Ciclo de Vida del Despliegue

Cada vez que se inicia un despliegue (mediante la creación de una aplicación o el redespliegue debido a un commit entrante), se ejecuta el comando npm build, seguido del comando npm start.

Página de Bienvenida

La aplicación o sitio está disponible tan pronto como finaliza la construcción, y la página de bienvenida de Kinsta se carga en la URL de tu aplicación o en la URL de tu sitio estático.

Kinsta Welcome page after successful deployment of Eleventy.
Página de bienvenida de Kinsta tras el despliegue de Eleventy.