Dies ist ein Beispiel dafür, wie du eine statische Seite mit Qwik auf Kinsta’s Anwendungs-Hosting oder statischen Website-Hosting Leistungen von einem GitHub-Repository einrichtest.

Qwik ermöglicht das sofortige Laden von Webanwendungen beliebiger Größe und Komplexität mit etwa 1 KB JavaScript und gleichbleibender Leistung im großen Maßstab. Weitere Informationen findest du auf der Qwik-Website.

Während des Deployment-Prozesses installiert Kinsta automatisch die in deiner package.json-Datei definierten Abhängigkeiten.

Statisches Seiten Hosting

  1. Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Dieses Template verwenden > Ein neues Repository erstellen): Kinsta – Hello World – Qwik.
  2. Füge in MyKinsta eine statische Seite mit dem Hello World – Qwik Repository und den folgenden Build-Einstellungen hinzu:
    • Build-Befehl: npm run build && npm run build.server
    • Node Version: 18.16.0
    • Öffentliches Verzeichnis: dist
  3. Die Seite ist verfügbar, sobald die Erstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Seite geladen wird.

Anwendungs-Hosting

  1. Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Diese Template verwenden > Neues Repository erstellen): Kinsta – Hello World – Qwik.
  2. Füge in MyKinsta eine Anwendung mit dem Namen Hello World – Qwik hinzu. Der Startbefehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl bei der ersten Bereitstellung automatisch erkennt.
  3. Die App ist verfügbar, sobald der Build abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Anwendung geladen wird.

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du solltest sie nicht selbst definieren oder in der Anwendung fest einprogrammieren. Das Serve-Paket 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 ein Deployment initiiert wird (durch das Erstellen einer Anwendung oder ein Re-Deployment aufgrund eines eingehenden Commits), wird der npm build-Befehl ausgeführt, gefolgt von dem npm start-Befehl.

Willkommensseite

Die App oder Seite ist verfügbar, sobald der Build abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Anwendung oder statischen Seite geladen wird.

Kinsta-Willkommensseite nach erfolgreicher Bereitstellung von Qwik.
Kinsta-Willkommensseite nach erfolgreicher Bereitstellung von Qwik.