Configuration d'Authentification et Protection des Routes

Retour au projet

1. Ajouter une page de connexion personnalisée

Créez un fichier auth.config.ts à la racine du projet avec ce contenu :

Cela spécifie une route de page de connexion personnalisée (/login) en utilisant l'option pages.

2. Protection des routes avec Middleware

Étendez auth.config.ts pour inclure la logique de protection des routes. Les utilisateurs sont redirigés vers la page de connexion s'ils essaient d'accéder au tableau de bord sans être connectés.

3. Middleware

Créez un fichier middleware.ts pour initialiser NextAuth.js et protéger les routes en utilisant la configuration spécifiée.

Nous avons configuré une page de connexion personnalisée et ajouté une logique pour protéger les routes. Le Middleware garantit que les routes protégées ne seront pas rendues tant que l'authentification n'est pas vérifiée, améliorant ainsi la sécurité et les performances.

En Pratique