SvelteKit

Dies ist ein Beispiel dafür, wie du eine statische Website mit SvelteKit auf Kinstas statischem Seiten Hosting von einem GitHub-Repository aus einrichtest.

SvelteKit ist ein Full-Stack-Framework, das auf dem Svelte-Frontend-Framework aufbaut. Es ermöglicht Entwicklern, leistungsstarke, skalierbare Webanwendungen mit einem Minimum an Boilerplate und Setup zu erstellen. Weitere Informationen findest du auf der SvelteKit-Website.

Voraussetzungen

• Die Schnellstartvorlagen von Kinsta werden auf GitHub gespeichert und verwaltet. Daher brauchst du ein GitHub-Konto, um darauf zuzugreifen.
• Du musst ein MyKinsta-Konto erstellen, um die statische Website bereitzustellen.

Bereitstellen einer statischen SvelteKit-Seite

1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): static-sveltekit-demo.
2. Klicke in MyKinsta auf Statische Sites > Seite hinzufügen > wähle GitHub, klicke auf Git-Anbieter verbinden > Autorisieren und melde dich bei deinem GitHub-Konto an.
3. Wähle das SvelteKit-Repository aus, klicke auf Weiter und gib in den Build-Einstellungen Folgendes ein:
   • Build-Befehl: npm run build
   • Node Version: 18
   • Verzeichnis veröffentlichen: build
4. Klicke auf Website erstellen.

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

Lebenszyklus des Deployments

Wenn ein Deployment initiiert wird (durch das Erstellen einer statischen Seite oder ein erneutes Deployment aufgrund eines eingehenden Commits), wird der Build-Befehl ausgeführt, gefolgt von der Bereitstellung der Inhalte des Publish Directory.