Summary  
This chapter demonstrates how to hash passwords using bcrypt before storage and configure a credentials provider in NextAuth middleware to authenticate users via username and password.  

General domain of usage  
User authentication

Le hachage des mots de passe est une mesure de sécurité avant de les stocker dans une base de données. Il transforme un mot de passe en une chaîne de longueur fixe, qui semble aléatoire pour renforcer la sécurité, même si les données utilisateur sont exposées.

Dans le fichier `seed.js`, nous avons utilisé un package appelé `bcrypt` pour hacher le mot de passe de l'utilisateur avant de le stocker dans la base de données. Nous utiliserons également `bcrypt` plus tard pour comparer les mots de passe saisis par l'utilisateur avec ceux stockés.

## Retour au projet
Pour utiliser `bcrypt` dans le Middleware Next.js, un fichier séparé nommé `auth.ts` est créé. Il inclut l'objet `authConfig`.

### Fournisseur de credentials
Les fournisseurs dans NextAuth.js sont similaires à différentes options de connexion, telles que Google ou GitHub. Ils offrent divers moyens pour les utilisateurs de se connecter.

Dans le fichier `auth.ts`, nous ajoutons un fournisseur appelé `Credentials`. Cela permet aux utilisateurs de se connecter à l'aide d'un nom d'utilisateur et d'un mot de passe.

Apprenez à créer des applications web modernes et performantes avec Next.js. Configurez des projets avec des structures de mise en page, de la gestion du style et du routage pour une navigation fluide. Récupérez et affichez les données efficacement tout en optimisant le rendu et les performances. Mettez en œuvre des fonctionnalités avancées telles que la pagination, les opérations CRUD et la recherche globale pour des applications web dynamiques. Déployez vos projets Next.js, connectez-les à des bases de données et ajoutez une authentification pour protéger les données des utilisateurs.

Présentation des connaissances préalables nécessaires avant d’aborder le framework Next.js, aperçu des attentes du cours et description des projets à réaliser.

Nous allons configurer le projet, examiner les méthodes d’ajout de styles à notre application et aborder les aspects visuels tels que les images, les polices, les pages et les mises en page.

Découvrez comment créer et gérer facilement une nouvelle vue pour votre application et naviguer entre toutes les pages de manière fluide grâce à un système de routage intégré.

Déployer l'application Next.js en utilisant des comptes GitHub et Vercel. Établir également une base de données pour fournir à l'application les données nécessaires.

Considérez comment obtenir et présenter les données à l'utilisateur de manière claire et efficace.

Découvrez comment mettre en œuvre des fonctionnalités web modernes telles que la pagination, les opérations CRUD, la recherche globale, la validation de formulaires, et plus encore.

Mise en œuvre de l'authentification dans Next.js.

Hachage des Mots de Passe et Gestion des Identifiants

Retour au projet

Fournisseur de credentials

En pratique

Awesome!

Hachage des Mots de Passe et Gestion des Identifiants

Retour au projet

Fournisseur de credentials

En pratique