Eine Next.js-App mit Datenbank bereitstellen (Vercel + Neon)
Ein einfaches, kostenloses Rezept, um eine Full-Stack-Anwendung mit ihrer Datenbank online zu bringen.
Eine Full-Stack-App in Produktion zu bringen, war früher kompliziert. Heute ist es mit den richtigen Werkzeugen eine Sache von Minuten und für den Anfang kostenlos.
Der Stack
- Next.js für die Anwendung (Front + API im selben Projekt).
- Neon als serverloses PostgreSQL (kostenloser Tarif, gehostet in der EU).
- Vercel für das Hosting, mit automatischen Deployments aus GitHub.
Schritte
- Den Code zu GitHub pushen.
- Die Datenbank in Neon anlegen und ihren Connection-String kopieren.
- In Vercel das Repo importieren und die Umgebungsvariablen hinzufügen (einschließlich
DATABASE_URL). - Deployen. Von hier an veröffentlicht sich jeder
pushselbst.
Ein Detail, das Kopfschmerzen erspart
Für Migrationen die direkte Verbindung von Neon (DIRECT_URL) verwenden und die gepoolte für die Laufzeit behalten. Und committe niemals deine .env: Lass sie von .gitignore schützen.
Genau diese Seite ist so gebaut. Das Schwierige ist nicht mehr das Deployment; es ist, etwas zu haben, das es wert ist, bereitgestellt zu werden.
#nextjs#vercel#neon#postgresql#deploy