Summary  
This chapter demonstrates how to implement sign-in functionality by validating credentials with Zod, fetching user records from a database, and verifying password hashes with bcrypt in an authentication provider.

General domain of usage  
Web application authentication

Wir konzentrieren uns auf die Anmeldefunktionalität.

### 1. Umgang mit der Authentifizierungslogik
Verwenden Sie in der Datei `auth.ts` die Funktion `authorize`, um die Authentifizierungslogik zu verwalten. Validieren Sie die E-Mail und das Passwort mit `zod`, bevor Sie überprüfen, ob der Benutzer in der Datenbank existiert.

### 2. Abrufen des Benutzers aus der Datenbank
Nach der Validierung der Anmeldedaten erstellen Sie eine Funktion `getUser`, die den Benutzer mit Postgres aus der Datenbank abfragt.

### 3. Überprüfung der Passwortübereinstimmung
Rufen Sie `bcrypt.compare` auf, um zu überprüfen, ob das eingegebene Passwort mit dem in der Datenbank gespeicherten übereinstimmt.

Next.js ist ein React-Framework, das für die Erstellung von Full-Stack-Webanwendungen entwickelt wurde. Mit Next.js nutzen Sie React, um Benutzeroberflächen zu erstellen, während Sie von zusätzlichen Funktionen und Optimierungen des Frameworks profitieren.

Lassen Sie uns besprechen, was Sie lernen müssen, bevor Sie in das Next.js-Framework eintauchen, was Sie von diesem Kurs erwarten können und was Sie bauen werden.

Wir werden das Projekt einrichten, Möglichkeiten zur Hinzufügung von Styling zu unserer App untersuchen und visuelle Aspekte wie Bilder, Schriftarten, Seiten und Layouts behandeln.

Lernen Sie, wie Sie einfach eine neue Ansicht für Ihre App erstellen und verwalten und nahtlos durch alle Seiten mit einem integrierten Routing-System navigieren können.

Stellen Sie die Next.js-App mit GitHub- und Vercel-Konten bereit. Richten Sie zusätzlich eine Datenbank ein, um die App mit den notwendigen Daten zu versorgen.

Überlegen Sie, wie Sie Daten klar und effizient abrufen und dem Benutzer anzeigen können.

Entdecken Sie, wie Sie moderne Webfunktionen wie Paginierung, CRUD-Operationen, globale Suche, Formularvalidierung und mehr implementieren.

Implementierung der Authentifizierung in Next.js.

Anmeldefunktionalität

Zurück zum Projekt

1. Umgang mit der Authentifizierungslogik

2. Abrufen des Benutzers aus der Datenbank

3. Überprüfung der Passwortübereinstimmung