Este es un ejemplo de cómo configurar un sitio estático con Eleventy en los servicios de Alojamiento de Aplicaciones de Kinsta a partir de 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.

  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.

La aplicación estará disponible en cuanto finalice la compilación, y la página de Bienvenida de Kinsta se cargará en la URL de tu aplicación.

Página de bienvenida de Kinsta tras la instalación correcta de Eleventy.
Página de bienvenida de Kinsta tras la instalación correcta de Eleventy.

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.