Pratique : mlv.sh/nextjsSignInNext.js formation complète
1. Fondamentaux
mlv.sh/nextjs-1Les bases de Next.js pour bien démarrer
- Setup de l'application
- Routing
- Ajout de Shadcn/UI
- Page static
- Page dynamic
2. Server Component + Database
mlv.sh/nextjs-2Exploiter la puissance des server components avec une base de données
- Fonctionnement des server components
- Fonctionnement des client components
- Comment les utiliser
- Installation de Prisma
- Utilisation du Prisma Studio
- Setup d'une table "Review"
- Streaming component
3. Server Action (Mutation)
mlv.sh/nextjs-3Manipuler les données avec les server actions
- Comprendre les server-actions
- Ajout de Server-Action
- Utilisation de Next-safe-action pour avoir un code plus clean
- Validation avec Zod
- Présentation des API Routes
- Ajout de next-zod-route pour simplifier les API Routes
- Quand utiliser les API Routes VS les Server Functions
- Form avec Shadcn/UI Form
4. Authentification
mlv.sh/nextjs-4Sécuriser votre application avec l'authentification
- Ajout de Better-Auth
- Ajout de page de sign up
- Ajout de page de sign in
- Ajout d'une page pour modifier les informations de son compte
- Lier les review à un compte utilisateur
- Sécuriser les pages et les actions avec l'authentification
5. Fullstack SaaS
mlv.sh/nextjs-5Transformer votre application en SaaS complet
- Créer un lien de partage pour faire une review
- Limiter le nombre de review à 10 et demander de payer un abonnement one-time de 99 euros avec Stripe pour pouvoir en upload plus
- Gestion de la page d'information d'abonné
- Création d'une landing page rapidement avec l'IA
- Publication de l'application avec Prisma Database et Vercel