Dies ist ein Beispiel dafür, wie du eine statische Website mit Jigsaw auf den Application Hosting-Diensten von Kinsta einrichten kannst.

Jigsaw ist ein Framework, mit dem du schnell statische Websites mit denselben modernen Werkzeugen erstellen kannst, die du auch für deine Webanwendungen verwendest.

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. Erstelle 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 NodeJS > 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.