Dies ist ein Beispiel dafür, wie du eine Nuxt-Anwendung oder eine statische Seite für die Bereitstellung auf den Hosting-Diensten für Anwendungen oder statische Seiten von Kinsta über ein GitHub-Repository einrichtest.

Nuxt ist ein Open-Source-Webentwicklungsframework, mit dem du serverseitig gerenderte Vue-Anwendungen und statische Seiten erstellen kannst. Weitere Informationen findest du auf der Nuxt 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 – NuxtJS.
  2. Füge in MyKinsta eine statische Seite mit dem Hello World – NuxtJS Repository und den folgenden Build-Einstellungen hinzu:
    • Build-Befehl: npm run generate
    • Node Version: 18.16.0
    • Öffentliches Verzeichnis: .output/public
  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 (Dieses Template verwenden > Ein neues Repository erstellen): Kinsta – Hello World – NuxtJS.
  2. Füge in MyKinsta eine Anwendung mit dem Hello World – NuxtJS Repository 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 Hello World-Seite unter der URL deiner Anwendung geladen wird.

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du brauchst sie nicht zu definieren oder fest in die Anwendung zu codieren.

Startbefehl

Wenn du die Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Startbefehl.

Lebenszyklus der Bereitstellung

Jedes Mal, wenn ein Deployment 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.

Hello World Seite

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

Nuxt Hello World Seite nach erfolgreicher Bereitstellung.
Nuxt Hello World Seite nach erfolgreicher Bereitstellung.