Dies ist ein Beispiel dafür, wie du eine Next.js- und Prisma-Anwendung so einrichtest, dass sie von einem GitHub-Repository aus auf den Anwendungs-Hosting- und Datenbank-Hosting-Diensten von Kinsta bereitgestellt wird.

Prisma ist ein Open-Source-Datenbank-Toolkit, das den Datenbankzugriff für Entwickler durch eine typsichere und intuitive API vereinfacht. Es unterstützt mehrere Datenbanken und generiert effiziente, optimierte SQL-Abfragen für eine schnellere Leistung. Weitere Informationen findest du auf der Website prisma.io.

Kinsta installiert automatisch die in deiner package.json-Datei definierten Abhängigkeiten während des Bereitstellungs-Prozesses. Diese Anwendung benötigt eine PostgreSQL-Datenbank, um zu funktionieren.

  1. Füge in MyKinsta eine Datenbank hinzu und wähle PostgreSQL als Datenbanktyp.
  2. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Hello World – Prisma. Achte darauf, dass du für deine Anwendung denselben Rechenzentrumsstandort auswählst wie für deine Datenbank.
  3. In MyKinsta fügst du eine Anwendung mit dem Repository Hello World – Prisma hinzu.
  4. Sobald die Datenbank für Verbindungen bereit ist (es wird ein grünes Häkchen daneben angezeigt), fügst du die interne Verbindung zwischen deiner Anwendung und der Datenbank entweder auf der Seite Einstellungen der Anwendung oder auf der Seite Info der Datenbank hinzu.
    1. Aktiviere das Kontrollkästchen Umgebungsvariablen hinzufügen…
    2. Aktiviere das Kontrollkästchen Umgebungsvariablen zu der Anwendung hinzufügen.
    3. Klicke auf Verbindung hinzufügen.
  1. Gehe auf die Seite Bereitstellungen der Anwendung und klicke auf Jetzt einsetzen > Anwendung einsetzen.

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

Kinsta-Willkommensseite nach erfolgreicher Installation von Next.js und Prisma
Kinsta-Willkommensseite nach erfolgreicher Installation von Next.js und Prisma

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du solltest sie nicht selbst definieren und auch nicht fest in die Anwendung programmieren.

Startbefehl

Kinsta erstellt automatisch einen Webprozess, wenn du eine Anwendung mit npm start als Startbefehl bereitstellst. Achte darauf, dass du diesen Befehl verwendest, um deinen Server zu starten.

Bereitstellungs-Lebenszyklus

Immer wenn eine Bereitstellung initiiert wird (durch die Erstellung einer Anwendung oder eine erneute Bereitstellung aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.