next auth example Télécharger - next auth example Téléchargement du code source

next auth example

Autre code source

1.0.0

Télécharger

L'exemple de référentiel est géré à partir d'un monorepo. Les demandes d'extraction doivent être ouvertes sur nextauthjs/next-auth .

Exemple d'application NextAuth.js

Ouvrir la source. Pile complète. Possédez vos données.

Aperçu

NextAuth.js est une solution complète d'authentification open source.

Il s'agit d'un exemple d'application qui montre comment next-auth est appliquée à une application Next.js de base.

La version déployée peut être trouvée sur next-auth-example.vercel.app

À propos de NextAuth.js

NextAuth.js est une bibliothèque d'authentification open source full-stack (client/serveur) facile à mettre en œuvre, conçue à l'origine pour Next.js et Serverless. Notre objectif est de prendre en charge encore plus de frameworks à l’avenir.

Accédez à next-auth.js.org pour plus d’informations et de documentation.

NextAuth.js n'est pas officiellement associé à Vercel ou Next.js.

Commencer

1. Clonez le référentiel et installez les dépendances

 git clone https://github.com/nextauthjs/next-auth-example.git
cd next-auth-example
pnpm install

2. Configurez votre environnement local

Copiez le fichier .env.local.example de ce répertoire vers .env.local (qui sera ignoré par Git) :

 cp .env.local.example .env.local

Ajoutez des détails sur un ou plusieurs fournisseurs (par exemple Google, Twitter, GitHub, Email, etc.).

Base de données

Une base de données est nécessaire pour conserver les comptes d'utilisateurs et prendre en charge la connexion par courrier électronique. Cependant, vous pouvez toujours utiliser NextAuth.js pour l'authentification sans base de données en utilisant OAuth pour l'authentification. Si vous ne spécifiez pas de base de données, les jetons Web JSON seront activés par défaut.

Vous pouvez ignorer la configuration d'une base de données et y revenir plus tard si vous le souhaitez.

Pour plus d'informations sur la configuration d'une base de données, veuillez consulter les liens suivants :

Documents : authjs.dev/reference/core/adapters

3. Configurer les fournisseurs d'authentification

Examinez et mettez à jour les options dans auth.ts si nécessaire.
Lors de la configuration d'OAuth, dans la page d'administration du développeur pour chacun de vos services OAuth, vous devez configurer l'URL de rappel pour utiliser un chemin de rappel de {server}/api/auth/callback/{provider} .

Par exemple, pour Google OAuth, vous utiliserez : http://localhost:3000/api/auth/callback/google

Une liste des fournisseurs configurés et leurs URL de rappel est disponible à partir du point de terminaison api/auth/providers . Vous pouvez trouver plus d'informations sur https://authjs.dev/getting-started/providers/oauth-tutorial