nextjs auth starter template

Next.js Clerk Auth Starter Vorlage

Einführung

Clerk ist eine Entwickler-First-Authentifizierung und Benutzerverwaltungslösung. Es bietet vorgefertigte React-Komponenten und Haken für Anmeldung, Anmeldung, Benutzerprofil und Organisationsmanagement. Der Angestellte ist so konzipiert, dass es einfach zu bedienen und anpassen kann, und kann in eine beliebige React- oder Next.js -Anwendung fallen gelassen werden.

Mit dieser Vorlage können Sie in wenigen Minuten mit Clerk und Next.js (App -Router) beginnen und die Funktionen des Angestellten demonstriert, wie z. B.:

• Voll funktionierender Auth Fluss mit Anmeldung, Anmeldung und einer geschützten Seite
• Customisierte Angestelltekomponenten mit Rückenwind -CSS
• Haken zum Zugriff auf Benutzerdaten und Authentifizierungsstatus
• Organisationen für Multi-Mieter-Anwendungen

Demo

Eine gehostete Demo dieses Beispiels ist unter https://clerk-nextjs-approuter.vercel.app/ verfügbar

Einsetzen

Bereiten Sie die Vorlage einfach mit der folgenden Taste für Vercel ein. Sie müssen die erforderlichen Umgebungsvariablen im Vercel Dashboard einstellen.

Ausführen der Vorlage

git clone https://github.com/clerk/clerk-nextjs-demo-app-router

Um das Beispiel lokal auszuführen, müssen Sie:

1. Melden Sie sich für ein Clerk -Konto unter https://clerk.com an.
2. Gehen Sie zum Angestellten Dashboard und erstellen Sie eine Anwendung.
3. Legen Sie die erforderlichen Variablen für die Umgebungsvariablen der Clerk wie in der Beispiel env -Datei dar.
4. Gehen Sie in "Organisationseinstellungen" in Ihrer Seitenleiste und aktivieren Sie Organisationen
5. npm install die erforderlichen Abhängigkeiten.
6. npm run dev , um den Entwicklungsserver zu starten.

Erfahren Sie mehr

Um mehr über Clerk und Next.js zu erfahren, lesen Sie die folgenden Ressourcen:

• QuickStart: Beginnen Sie mit Next.js und Angestellter
• Angestellte Dokumentation
• NEXT.JS Dokumentation

Ein Problem gefunden oder Feedback haben?

Wenn Sie ein Problem mit diesem Repo gefunden haben oder Feedback haben, schließen Sie sich unserer Zwietracht an und erstellen Sie einen neuen Thread in unserem Support -Kanal.

Wenn es sich um eine schnelle Lösung handelt, wie z. B. ein falsch geschriebenes Wort oder ein zerbrochener Link, können Sie gerne einen Thread erstellen. Erstellen Sie eine Pull -Anfrage mit der Lösung.

Verbinde dich mit uns

Sie können Ideen diskutieren, Fragen stellen und andere aus der Community in unserer Zwietracht treffen.

Wenn Sie es vorziehen, können Sie auch Unterstützung über unser Twitter finden oder uns eine E -Mail senden!