nextjs auth starter template

Modèle de démarrage du greffier suivant.

Introduction

Le greffier est une solution d'authentification et de gestion des utilisateurs pour les développeurs. Il fournit des composants et des crochets React prédéfinis pour la connexion, l'inscription, le profil utilisateur et la gestion de l'organisation. Le greffier est conçu pour être facile à utiliser et à personnaliser, et peut être déposé dans n'importe quelle application React ou Next.js.

Ce modèle vous permet de commencer avec Clerk et Next.js (Router de l'App) en quelques minutes, et démontre des fonctionnalités de commis tels que:

• Flux d'autore entièrement fonctionnel avec connexion, inscription et une page protégée
• Composants de commis personnalisés avec CSS de vent arrière
• Crochets pour accéder aux données des utilisateurs et à l'état d'authentification
• Organisations d'applications multi-locataires

Démo

Une démonstration hébergée de cet exemple est disponible sur https://clerk-nextjs-app-router.vercel.app/

Déployer

Déployez facilement le modèle sur Vercel avec le bouton ci-dessous. Vous devrez définir les variables d'environnement requises dans le tableau de bord Vercel.

Exécuter le modèle

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

Pour exécuter l'exemple localement, vous devez:

1. Inscrivez-vous à un compte de commis à https://clerk.com.
2. Accédez au tableau de bord du greffier et créez une application.
3. Définissez les variables d'environnement du commis requises comme indiqué dans l'exemple de fichier env .
4. Accédez aux «paramètres de l'organisation» dans votre barre latérale et activez les organisations
5. npm install les dépendances requises.
6. npm run dev pour lancer le serveur de développement.

Apprendre encore plus

Pour en savoir plus sur Clerk et Next.js, consultez les ressources suivantes:

• QuickStart: commencez avec Next.js et Clerk
• Documentation du commis
• Documentation suivante.js

Vous avez trouvé un problème ou avez-vous des commentaires?

Si vous avez trouvé un problème avec ce dépôt ou avez des commentaires, veuillez rejoindre notre discorde et créer un nouveau fil à l'intérieur de notre canal de support.

S'il s'agit d'une solution rapide, comme un mot mal orthographié ou un lien cassé, n'hésitez pas à ignorer la création d'un fil. Allez-y et créez une demande de traction avec la solution.

Connectez-vous avec nous

Vous pouvez discuter des idées, poser des questions et rencontrer d'autres personnes de la communauté dans notre discorde.

Si vous préférez, vous pouvez également trouver un support via notre Twitter, ou vous pouvez nous envoyer un e-mail!