Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Authenticatie Configureren en Routes Beveiligen | Authenticatie Implementeren in Next.js
Next.js 14-Beheersing voor het Bouwen van Moderne Webapps

bookAuthenticatie Configureren en Routes Beveiligen

Terug naar het project

1. Aangepaste aanmeldpagina toevoegen

Maak een auth.config.ts bestand aan in de hoofdmap van het project met de volgende inhoud:

Dit specificeert een aangepaste route voor de aanmeldpagina (/login) via de pages-optie.

2. Routes beschermen met Middleware

Breid auth.config.ts uit met logica voor routebescherming. Gebruikers worden doorgestuurd naar de inlogpagina als ze proberen het dashboard te openen zonder ingelogd te zijn.

3. Middleware

Maak een middleware.ts-bestand aan om NextAuth.js te initialiseren en routes te beschermen met de opgegeven configuratie.

We hebben een aangepaste inlogpagina ingesteld en logica toegevoegd om routes te beschermen. De Middleware zorgt ervoor dat beschermde routes pas worden weergegeven nadat authenticatie is geverifieerd, wat zowel de beveiliging als de prestaties verbetert.

In de praktijk

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 7. Hoofdstuk 4

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain how the matcher in middleware.ts works?

What should I do if I want to protect additional routes?

How do I add authentication providers to this setup?

Awesome!

Completion rate improved to 2.08

bookAuthenticatie Configureren en Routes Beveiligen

Veeg om het menu te tonen

Terug naar het project

1. Aangepaste aanmeldpagina toevoegen

Maak een auth.config.ts bestand aan in de hoofdmap van het project met de volgende inhoud:

Dit specificeert een aangepaste route voor de aanmeldpagina (/login) via de pages-optie.

2. Routes beschermen met Middleware

Breid auth.config.ts uit met logica voor routebescherming. Gebruikers worden doorgestuurd naar de inlogpagina als ze proberen het dashboard te openen zonder ingelogd te zijn.

3. Middleware

Maak een middleware.ts-bestand aan om NextAuth.js te initialiseren en routes te beschermen met de opgegeven configuratie.

We hebben een aangepaste inlogpagina ingesteld en logica toegevoegd om routes te beschermen. De Middleware zorgt ervoor dat beschermde routes pas worden weergegeven nadat authenticatie is geverifieerd, wat zowel de beveiliging als de prestaties verbetert.

In de praktijk

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 7. Hoofdstuk 4
some-alt