Dies ist ein Beispiel dafür, wie Sie eine statische Website mit Jigsaw auf den Application Hosting-Diensten von Kinsta aus einem GitHub-Repository einrichten.

Jigsaw ist ein Framework für statische Seiten, das Blade-Templates für die Erstellung von Seitenlayouts und Markdown für die Erstellung von Inhalten innerhalb der Templates verwendet, sodass du einfache statische Seiten ohne komplexe Programmierkenntnisse erstellen kannst. Weitere Informationen findest du auf der Jigsaw Website.

Jigsaw basiert auf Laravel; es ist eine reguläre PHP-basierte Anwendung, sodass Kinsta während des Deployment-Prozesses automatisch die in deiner composer.json-Datei definierten Abhängigkeiten installiert.

  1. Melden Sie sich bei GitHub an und erstellen Sie ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Jigsaw Starter
  2. In MyKinsta fügst du eine Anwendung mit dem Jigsaw Starter Repository hinzu.
  3. Der Start-Befehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl bei der ersten Bereitstellung automatisch erkennt. Die erste Bereitstellung kann fehlschlagen, da du die notwendigen Buildpacks hinzufügen musst.
  4. Damit die Anwendung die CSS/JS-Dateien bauen kann, musst du zwei Buildpacks hinzufügen: Node.js und PHP. Klicke auf Einstellungen > Buildpack hinzufügen, wähle Node.js > Buildpack hinzufügen. Wiederhole dies für PHP.
  5. Klicke auf Bereitstellungen > Jetzt bereitstellen > wähle den gewünschten Zweig > Anwendung bereitstellen.

Die App ist verfügbar, sobald der Build abgeschlossen ist und die Standard-Jigsaw-Seite unter der URL deiner Anwendung geladen wird.

Jigsaw-Standardseite nach erfolgreicher Installation.
Jigsaw-Standardseite nach erfolgreicher Installation.

Buildpacks

In den meisten Fällen möchtest du, dass die Anwendung die CSS/JS-Dateien baut. Deshalb musst du diese beiden Buildpacks hinzufügen:

  • Node JS
  • PHP

Webserver-Einrichtung

Start-Befehl

Wenn du die Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Startbefehl. Bei Bedarf kannst du dies in Prozesse ändern.