Voici un exemple de la façon de configurer un site statique avec Jigsaw sur les services d’hébergement d’applications de Kinsta depuis un dépôt GitHub.

Jigsaw est un framework de site statique qui utilise les modèles Blade pour créer vos mises en page et le langage Markdown pour construire votre contenu dans les modèles afin que vous puissiez produire des sites statiques simples sans connaissances complexes en matière de codage. Vous trouverez plus d’informations sur le site web de Jigsaw.

Jigsaw est basé sur Laravel ; il s’agit d’une application ordinaire basée sur le langage PHP. Kinsta installe donc automatiquement les dépendances définies dans votre fichier composer.json pendant le processus de déploiement.

  1. Connectez-vous à GitHub et créez un nouveau dépôt depuis ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Jigsaw Starter
  2. Dans MyKinsta, ajoutez une application avec le dépôt Jigsaw Starter.
  3. La commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande requise lors du premier déploiement. Le premier déploiement peut échouer car vous devez ajouter les buildpacks nécessaires.
  4. Pour que l’application puisse construire les fichiers CSS/JS, vous devez ajouter deux buildpacks : Node.js et PHP. Cliquez sur Paramètres > Ajouter un buildpack, sélectionnez Node.js > Ajouter un buildpack. Répétez cette opération pour PHP.
  5. Cliquez sur Déploiements > Déployer maintenant > choisissez la branche requise > Déployer l’application.

L’application est disponible dès que la construction est terminée et que la page Jigsaw par défaut se charge à l’URL de votre application.

Page par défaut de Jigsaw après une installation réussie.
Page par défaut de Jigsaw après une installation réussie.

Buildpacks

Dans la plupart des cas, vous voudrez que l’application construise les fichiers CSS/JS, vous devrez donc ajouter ces deux Buildpacks :

  • Node JS
  • PHP

Configuration du serveur web

Commande Start

Lorsque vous déployez l’application, Kinsta crée automatiquement un processus web avec npm start comme commande de démarrage. Si nécessaire, vous pouvez changer ceci dans les processus.