Este es un ejemplo de cómo configurar una aplicación Cuttlebelle para desplegar los servicios de Alojamiento de Aplicaciones o Sitios Estáticos de Kinsta desde un repositorio de GitHub.

Cuttlebelle es un constructor de sitios estáticos que descompone cada página en bloques de contenido que luego puedes ensamblar para crear varios diseños de página sin necesidad de entender o utilizar código complejo. Más información en el sitio web de Cuttlebelle.

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

Alojamiento de Sitios Estáticos

  1. Inicia sesión en GitHub y crea un nuevo repositorio desde esta plantilla (Usar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello World – Sitio Estático Con Cuttlebelle.
  2. En MyKinsta, añade un sitio estático con el repositorio Hello World Cuttlebelle y la siguiente Configuración de construcción:
    • Comando de construcción: npm run build
    • Versión de Node: 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 (Utilizar esta plantilla > Crear un nuevo repositorio): Kinsta — Hola Mundo — Sitio estático con Cuttlebelle.
  2. En MyKinsta, añade una aplicación con el repositorio Hola Mundo Cuttlebelle. El comando de Inicio se puede dejar 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ú mismo ni codificarla en la aplicación. El paquete serve utiliza automáticamente el puerto establecido por Kinsta.

Comando de Inicio

Cuando despliegas 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.

Página de Bienvenida de Kinsta tras el despliegue satisfactorio de Cuttlebelle.
Página de Bienvenida de Kinsta tras el despliegue satisfactorio de Cuttlebelle.