Dit is een voorbeeld van het opzetten van een statische site met Jigsaw op Kinsta’s Applicatie Hosting diensten vanuit een GitHub repository.

Jigsaw is een statisch siteframework dat Blade templates gebruikt om je paginalayouts te maken en Markdown om je content binnen de templates op te bouwen, zodat je eenvoudige statische sites kunt maken zonder complexe coderingskennis. Meer informatie is beschikbaar op de Jigsaw website.

Jigsaw is gebaseerd op Laravel; het is een simpele op PHP gebaseerde applicatie, dus Kinsta installeert automatisch de dependencies die zijn gedefinieerd in je composer.json bestand tijdens het deploymentproces.

  1. Log in op GitHub en maak een nieuwe repository aan vanuit deze template (Use this template > Create a new repository): Kinsta – Jigsaw Starter
  2. Voeg in MyKinsta een applicatie toe met de Jigsaw Starter repository.
  3. Het Start commando kan leeg gelaten worden voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment. De eerste deployment kan mislukken omdat je de nodige Buildpacks moet toevoegen.
  4. Zodat de applicatie de CSS/JS bestanden kan bouwen, moet je twee buildpacks toevoegen: Node.js en PHP. Klik op Settings > Buildpack toevoegen, selecteer Node.js > Buildpack toevoegen. Herhaal dit voor PHP.
  5. Klik op Deployments > Nu deployen > kies de gewenste branch > Applicatie deployen.

De app is beschikbaar zodra de build klaar is, en een standaard Jigsaw pagina laadt op de URL van je applicatie.

Jigsaw standaard pagina na succesvolle installatie.
Jigsaw standaard pagina na succesvolle installatie.

Buildpacks

In de meeste gevallen zul je willen dat de applicatie de CSS/JS bestanden bouwt, dus moet je deze twee Buildpacks toevoegen:

  • Node JS
  • PHP

Webserver instellen

Start commando

Als je de applicatie deployt, maakt Kinsta automatisch een webproces aan met npm start als Start commando. Desgewenst kun je dit veranderen binnen Processen.