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.

Modules de la formation
1
Démarrer un projet Next.js 15 moderne
2 leçons
2h 58min
Disponible
2
Consommer une API et afficher des films
3 leçons
4h 28min
Disponible
3
Persistance et authentification avec Prisma
4 leçons
5h 57min
Disponible
4
Historique utilisateur et UI optimiste
3 leçons
4h 28min
Disponible