Dieses Beispiel zeigt, wie du eine Cuttlebelle-Anwendung einrichtest, um die Leistungen von Kinsta für das Anwendungs-Hosting oder das Hosting statischer Seiten über ein GitHub-Repository bereitzustellen.
Cuttlebelle ist ein statischer Website-Builder, der jede Seite in Inhaltsblöcke aufteilt, die du später zusammensetzen kannst, um verschiedene Seitenlayouts zu erstellen, ohne dass du komplexen Code verstehen oder verwenden musst. Weitere Informationen findest du auf der Cuttlebelle Website.
Kinsta installiert die in deiner composer.json-Datei definierten Abhängigkeiten automatisch während des Deployment-Prozesses.
Statisches Seiten Hosting
- Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Dieses Template verwenden > Ein neues Repository erstellen): Kinsta – Hello World – Statische Seite mit Cuttlebelle.
- Füge in MyKinsta eine statische Seite mit dem Hello World – Cuttlebelle Repository und den folgenden Build-Einstellungen hinzu:
- Build-Befehl:
npm run build - Node Version: 18.16.0
- Öffentliches Verzeichnis: .site
- Build-Befehl:
- Die Seite ist verfügbar, sobald die Erstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Seite geladen wird.
Anwendungs-Hosting
- Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Diese Template verwenden > Neues Repository erstellen): Kinsta – Hello World – Statische Website mit Cuttlebelle.
- Füge in MyKinsta eine Anwendung mit dem Hello World Cuttlebelle-Repository hinzu. Der Startbefehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl beim ersten Einsatz automatisch erkennt.
- Die Anwendung ist verfügbar, sobald die Erstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Seite geladen wird.
Webserver-Einrichtung
Port
Kinsta setzt automatisch die Umgebungsvariable PORT. Du solltest sie weder selbst definieren noch fest in die Anwendung einbinden. Das Paket serve verwendet den von Kinsta eingestellten Port automatisch.
Startbefehl
Wenn du eine Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Startbefehl. Achte darauf, dass du diesen Befehl verwendest, um deinen Server zu starten.
Lebenszyklus des Deployments
Immer, wenn eine Bereitstellung initiiert wird (durch das Erstellen einer Anwendung oder eine erneute Bereitstellung aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.
Willkommensseite
Die Anwendung oder Seite ist verfügbar, sobald der Build abgeschlossen ist, und die Kinsta-Willkommensseite wird unter der URL deiner Anwendung oder statischen Seite geladen.
