Cuttlebelle

Dies ist ein Beispiel dafür, wie du eine Cuttlebelle-Anwendung einrichtest, um Kinstas Statische-Seiten-Hosting-Dienste von einem GitHub-Repository aus einzusetzen.

Cuttlebelle ist ein Statischer Website-Builder, der jede Seite in Inhaltsblöcke aufteilt, die du später zu verschiedenen Seitenlayouts zusammensetzen kannst, ohne dass du komplexen Code verstehen oder verwenden musst. Weitere Informationen findest du auf der Cuttlebelle-Website.

Du kannst diese Schnellstartvorlage auch auf dem Anwendungs-Hosting von Kinsta ohne zusätzliche Konfiguration verwenden. Wenn du Anwendungs-Hosting verwendest, kann der Befehl Start für den Webprozess leer bleiben, da Kinsta den erforderlichen Befehl bei der ersten Bereitstellung automatisch erkennt.

Voraussetzungen

• Die Schnellstartvorlagen von Kinsta werden in GitHub gespeichert und verwaltet. Daher benötigst du ein GitHub-Konto, um darauf zuzugreifen.
• Um die Anwendung bereitzustellen, musst du ein MyKinsta-Konto erstellen.

Bereitstellen einer statischen Cuttlebelle-Seite

1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Hello World – Statische Seite mit Cuttlebelle.
2. Klicke in MyKinsta auf Statische Seiten > Seite hinzufügen > wähle GitHub, klicke auf Git-Anbieter verbinden > Autorisieren und melde dich bei deinem GitHub-Konto an.
3. Wähle das Hello World Cuttlebelle Repository, klicke auf Weiter und gib in den Build-Einstellungen Folgendes ein:
   • Build-Befehl: npm run build
   • Node Version: 18.16.0
   • Verzeichnis für die Veröffentlichung:.site

Während des Deployment-Prozesses installiert Kinsta automatisch die in deiner composer.json definierten Abhängigkeiten. Die Website ist verfügbar, sobald die Bereitstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Website geladen wird.

Lebenszyklus der Bereitstellung

Immer wenn eine Bereitstellung initiiert wird (durch das Erstellen einer Anwendung oder ein Re-Deployment aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.