Summary  
This chapter explains how to configure and connect a PostgreSQL database to your project by setting environment variables and installing the required dependency.  

General domain of usage  
Web application backends

Für dieses Projekt verwenden wir die Postgres-Datenbank. Sehen wir uns an, wie sie auf Vercel eingerichtet wird.

## Anweisungen
1. Auf "Continue to Dashboard" klicken;
2. "Storage" in der Kopfzeile auswählen;
3. "Postgres (Serverless SQL)" erstellen;
4. Die Geschäftsbedingungen akzeptieren;
5. Die Datenbank benennen und auf "Create and Continue" klicken;
6. Auf die Schaltfläche "Connect" klicken.

Nachdem die Datenbank erstellt und verbunden wurde, muss sie eingerichtet und mit Daten befüllt werden, um damit arbeiten zu können.

## Anweisungen
1. Die Registerkarte ".env.local" aufrufen;
2. Sicherstellen, dass alle erforderlichen Daten vorhanden sind:
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Alle Daten kopieren und zum Projekt navigieren;
4. Die Datei `.env.example` im Projektstammverzeichnis finden und in `.env` umbenennen;
5. Die kopierten Daten von Vercel einfügen;
6. Abschließend das Terminal öffnen und `npm i @vercel/postgres` ausführen, um Vercel Postgres zu installieren.

Der letzte verbleibende Schritt ist das Befüllen der Datenbank mit Daten. Darauf konzentrieren wir uns im nächsten Kapitel.

Erlernen Sie den Aufbau moderner, leistungsstarker Webanwendungen mit Next.js. Richten Sie Projekte mit strukturierten Layouts, Styling und Routing für eine nahtlose Navigation ein. Effizientes Abrufen und Anzeigen von Daten bei gleichzeitiger Optimierung von Rendering und Performance. Implementieren Sie fortgeschrittene Funktionen wie Paginierung, CRUD-Operationen und globale Suche für dynamische Webanwendungen. Stellen Sie Ihre Next.js-Projekte bereit, verbinden Sie diese mit Datenbanken und fügen Sie Authentifizierung zum Schutz von Benutzerdaten hinzu.

Wir besprechen die erforderlichen Vorkenntnisse für die Arbeit mit dem Next.js-Framework, die Kursinhalte sowie die zu entwickelnden Projekte.

Wir richten das Projekt ein, untersuchen Möglichkeiten zur Einbindung von Styling in unsere Anwendung und behandeln visuelle Aspekte wie Bilder, Schriftarten, Seiten und Layouts.

Erfahren Sie, wie Sie mühelos eine neue Ansicht für Ihre Anwendung erstellen und verwalten sowie mit einem integrierten Routingsystem nahtlos durch alle Seiten navigieren.

Bereitstellung der Next.js-App mit GitHub- und Vercel-Konten. Zusätzlich Einrichtung einer Datenbank zur Bereitstellung der erforderlichen Daten für die App.

Überlegungen zum klaren und effizienten Abrufen sowie zur Darstellung von Daten für den Benutzer.

Erfahren Sie, wie moderne Webfunktionen wie Paginierung, CRUD-Operationen, globale Suche, Formularvalidierung und weitere implementiert werden.

Implementierung der Authentifizierung in Next.js.

Einrichten Einer Projektdatenbank

Anweisungen

Anweisungen

In der Praxis

Awesome!

Einrichten Einer Projektdatenbank

Anweisungen

Anweisungen

In der Praxis