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

Jigsaw es un framework para crear rápidamente sitios estáticos utilizando las mismas herramientas modernas que hacen funcionar tus aplicaciones web.

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. Haz un fork de este repositorio de GitHub: 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 NodeJS > 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.