Rspress

Dies ist ein Beispiel dafür, wie du eine statische Website mit Rspress auf dem Statische-Seiten-Hosting Diensten von Kinsta aus einem GitHub-Repository einrichtest.

Rspress ist ein Rspack-basierter Static Site Generator. Weitere Informationen findest du auf der Website rspress.dev.

Du kannst diese Schnellstartvorlage auch beim 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.

Eine statische Rspress-Site bereitstellen

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

Während des Bereitstellungs-Prozesses installiert Kinsta automatisch die in deiner package.json-Datei definierten Abhängigkeiten. Die Website ist verfügbar, sobald der Build abgeschlossen ist und die Standard-Rspress-Seite unter der URL deiner Website geladen wird.

Lebenszyklus der Bereitstellung

Immer wenn eine Bereitstellung initiiert wird (durch die Erstellung einer statischen Website oder eine erneute Bereitstellung aufgrund eines eingehenden Commits), wird der Build-Befehl ausgeführt, gefolgt von der Bereitstellung der Inhalte des Veröffentlichungsverzeichnisses.