next auth example

Das Beispiel-Repository wird von einem Monorepo verwaltet. Pull Requests sollten gegen nextauthjs/next-auth geöffnet werden.

NextAuth.js-Beispiel-App

Open Source. Voller Stapel. Besitzen Sie Ihre Daten.

Überblick

NextAuth.js ist eine vollständige Open-Source-Authentifizierungslösung.

Dies ist eine Beispielanwendung, die zeigt, wie next-auth auf eine einfache Next.js-App angewendet wird.

Die bereitgestellte Version finden Sie unter next-auth-example.vercel.app

Über NextAuth.js

NextAuth.js ist eine einfach zu implementierende Full-Stack-Open-Source-Authentifizierungsbibliothek (Client/Server), die ursprünglich für Next.js und Serverless entwickelt wurde. Unser Ziel ist es, in Zukunft noch mehr Frameworks zu unterstützen.

Weitere Informationen und Dokumentation finden Sie unter next-auth.js.org.

NextAuth.js ist nicht offiziell mit Vercel oder Next.js verbunden.

Erste Schritte

1. Klonen Sie das Repository und installieren Sie Abhängigkeiten

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

2. Konfigurieren Sie Ihre lokale Umgebung

Kopieren Sie die Datei .env.local.example in diesem Verzeichnis nach .env.local (was von Git ignoriert wird):

 cp .env.local.example .env.local

Fügen Sie Details für einen oder mehrere Anbieter hinzu (z. B. Google, Twitter, GitHub, E-Mail usw.).

Datenbank

Eine Datenbank ist erforderlich, um Benutzerkonten beizubehalten und die E-Mail-Anmeldung zu unterstützen. Sie können jedoch weiterhin NextAuth.js zur Authentifizierung ohne Datenbank verwenden, indem Sie OAuth zur Authentifizierung verwenden. Wenn Sie keine Datenbank angeben, werden JSON-Web-Tokens standardmäßig aktiviert.

Sie können die Konfiguration einer Datenbank überspringen und später darauf zurückkommen, wenn Sie möchten.

Weitere Informationen zum Einrichten einer Datenbank finden Sie unter den folgenden Links:

• Dokumente: authjs.dev/reference/core/adapters

3. Konfigurieren Sie Authentifizierungsanbieter

1. Überprüfen und aktualisieren Sie die Optionen in auth.ts nach Bedarf.

2. Wenn Sie OAuth einrichten, sollten Sie auf der Entwickler-Administratorseite für jeden Ihrer OAuth-Dienste die Rückruf-URL so konfigurieren, dass der Rückrufpfad {server}/api/auth/callback/{provider} verwendet wird.

Beispielsweise würden Sie für Google OAuth Folgendes verwenden: http://localhost:3000/api/auth/callback/google

Eine Liste der konfigurierten Anbieter und ihrer Rückruf-URLs ist über den Endpunkt api/auth/providers verfügbar. Weitere Informationen finden Sie unter https://authjs.dev/getting-started/providers/oauth-tutorial

1. Sie können auch einen SMTP-Server für die passwortlose Anmeldung per E-Mail angeben.

4. Starten Sie die Anwendung

Um Ihre Site lokal auszuführen, verwenden Sie:

 pnpm run dev

Um es im Produktionsmodus auszuführen, verwenden Sie:

 pnpm run build
pnpm run start

5. Vorbereitung auf die Produktion

Befolgen Sie die Bereitstellungsdokumentation

Danksagungen

Vielen Dank an Vercel, der dieses Projekt gesponsert hat und die kostenlose Bereitstellung für das gesamte NextAuth.js-Team ermöglicht hat

Lizenz

ISC