Crée ta première app Next.js 15 full-stack avec Prisma et RSC
Découvre comment créer une application Next.js 15 moderne avec React Server Components, Prisma, authentification et gestion d’historique utilisateur.
1 min read
Accéder gratuitement à cette formation
Renseigne ton email pour débloquer immédiatement cette formation gratuite.
Dans ce mini-cours, tu apprendras à :
- Initialiser un projet Next.js 15 avec TypeScript, Tailwind CSS, App Router et Turbopack.
- Utiliser les React Server Components et Server Actions pour une architecture full-stack performante.
- Consommer l’API The Movie Database (TMDB) côté serveur et valider les données avec Zod.
- Créer des composants réutilisables (MovieCard, SerieCard) avec Next/Image.
- Configurer Prisma avec SQLite pour la persistance des données.
- Mettre en place l’authentification (inscription, connexion, cookies sécurisés) avec bcryptjs.
- Gérer l’état utilisateur et la session via cookies et Server Actions.
- Protéger des routes et afficher l’historique personnalisé de l’utilisateur.
- Ajouter et retirer des éléments de l’historique avec UI optimiste (useOptimistic, useTransition).
- Utiliser les dernières pratiques Next.js pour la validation, la gestion d’erreurs et le rechargement des données (revalidatePath).
Technos & services : Next.js 15, React Server Components, Server Actions, Prisma, SQLite, Zod, bcryptjs, Tailwind CSS, The Movie Database API.
1
Démarrer un projet Next.js 15 moderne
2 leçons
2h 58minDisponible
2
Consommer une API et afficher des films
3 leçons
4h 28minDisponible
3
Persistance et authentification avec Prisma
4 leçons
5h 57minDisponible
4
Historique utilisateur et UI optimiste
3 leçons
4h 28minDisponible