Authentifizierungskonfiguration & Routen-Schutz

Zurück zum Projekt

1. Hinzufügen einer benutzerdefinierten Anmeldeseite

Erstellen Sie eine auth.config.ts-Datei im Projektstamm mit diesem Inhalt:

Dies gibt eine benutzerdefinierte Anmeldeseitenroute (/login) mit der Seitenoption an.

2. Routen mit Middleware schützen

Erweitern Sie auth.config.ts, um Logik zum Schutz von Routen einzuschließen. Benutzer werden zur Anmeldeseite weitergeleitet, wenn sie versuchen, auf das Dashboard zuzugreifen, ohne eingeloggt zu sein.

3. Middleware

Erstellen Sie eine middleware.ts-Datei, um NextAuth.js zu initialisieren und Routen mit der angegebenen Konfiguration zu schützen.

Wir haben eine benutzerdefinierte Anmeldeseite eingerichtet und Logik hinzugefügt, um Routen zu schützen. Die Middleware stellt sicher, dass geschützte Routen erst gerendert werden, wenn die Authentifizierung überprüft wurde, was sowohl die Sicherheit als auch die Leistung verbessert.

In der Praxis