Este es un ejemplo de cómo configurar un sitio estático con Jigsaw en los servicios de Alojamiento de Aplicaciones de Kinsta a partir de un repositorio de GitHub.

Jigsaw es un framework de sitios estáticos que utiliza plantillas Blade para crear tus diseños de página y Markdown para construir tu contenido dentro de las plantillas, de forma que puedas crear sitios estáticos sencillos sin necesidad de complejos conocimientos de programación. Más información en el sitio web de Jigsaw.

Jigsaw se basa en Laravel; es una aplicación normal basada en PHP, por lo que Kinsta instala automáticamente las dependencias definidas en tu archivo composer.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 – Jigsaw Starter
  2. En MyKinsta, añade una aplicación con el repositorio Jigsaw Starter.
  3. El comando Start puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue. El primer despliegue puede fallar ya que necesitas añadir los Buildpacks necesarios.
  4. Para que la aplicación pueda construir los archivos CSS/JS, necesitas añadir dos buildpacks: Node.js y PHP. Haz clic en Configuración > Añadir buildpack, selecciona Node.js > Añadir buildpack. Repite esto para PHP.
  5. Haz clic en Despliegues > Desplegar ahora > selecciona la rama deseada > Desplegar aplicación.

La aplicación estará disponible en cuanto finalice la construcción y se cargue la página Jigsaw predeterminada en la URL de tu aplicación.

Página predeterminada de Jigsaw tras una instalación correcta.
Página predeterminada de Jigsaw tras una instalación correcta.

Buildpacks

En la mayoría de los casos, necesitarás que la aplicación construya los archivos CSS/JS, por lo que tendrás que añadir estos dos Buildpacks:

  • Node JS
  • PHP

Configuración del Servidor Web

Comando de Inicio

Cuando despliegas la aplicación, Kinsta crea automáticamente un proceso web con npm start como comando de Inicio. Si es necesario, puedes cambiarlo dentro de Procesos.