Create NextJs project with authentication

Introduction

Cette CLI est conçue pour générer un projet Next.js préconfiguré avec des pages d'authentification de base, y compris login, register, et profile. Elle vise à accélérer le processus de configuration de projets en automatisant la génération de ces pages avec des composants et des fonctionnalités intégrés.

Prérequis

• Node.js version 14.x ou supérieure.
• npm ou yarn pour gérer les dépendances.

Pour installer la CLI, exécutez la commande suivante dans votre terminal :

npm install -D @create-next-auth/cli

Ou, si vous utilisez yarn :

yarn add @create-next-auth/cli

Utilisation

Commandes de base

Pour créer un projet Next.js avec les pages prédéfinies, utilisez la commande suivante :

npx create-next-auth "nom du projet"

Configuration

Base de données

Vous pouvez choisir entre plusieurs bases de données. Cela va initialiser prisma avec un schéma de base et le fichier .env

Fichier .env

Modifiez la variable DATABASE_URL en ajoutant votre chaîne de connexion à la base de données. Pour que prisma puisse fonctionner dans l'environnement edge vous devez configurer Prisma Accelerate. Pour ce faire vous devez :

• créer un projet sur https://console.prisma.io/cm31pn45s004ghkh12392spr6/overview.
• récupérer la variable DATABASE_URL et l'ajouter dans votre fichier .env
• modifier votre variable de base en DIRECT_DATABASE_URL

Générer le client prisma et la base de données

npx prisma generate --no-engine

npx prisma db push

Clé secrète pour la session

Vous devez créer une clé secrète et la stocker dans le fichier .env avec le nom SECRET_KEY

Fonctionnalités

La CLI génère les pages suivantes par défaut :

• Page de connexion (/login)
• Page de création de compte (/register)
• Page de profile de l'utilisateur (/profile)
• Middleware pour la gestion des permissions
• Fichier de crud pour le modèle User et Session
• Fichier pour gérer la session

Chaque page est équipée d'un formulaire de base et de validation des champs avec la librairie zod