Les fondamentaux de Next.js 

•  Introduction à Next.js 

○ Présentation de Next.js et ses avantages par rapport à une d'applications React client. 

○ Présentation du routeur « Page » et « App » 

○ Présentation des composants client et serveur 

○ Création d'un nouveau projet « App » et structure de base. 

Les composants d’optimisation de Next.js 

○ Next/Font 

○ Next/Image 

Routage avec Next.js 

○ La hiérarchie des composants du « App router » 

○ Utilisation du système de routage intégré 

○ Création de pages dynamiques avec des paramètres de route. 

Les composants serveur 

○ Récupération des données liées à la route 

○ La consommation d’une source de donnée (Web API ou DB) 

•  Les composants client 

○ Récupération des données liées à la route 

○ Utilisation des Hooks de React dans les composants 

Les actions serveurs 

○ La directive "use server" 

○ Mise en place des actions serveur 

○ Utilisation d’action serveur par un composant client 

Les types de rendu 

○ Le Static Rendering 

○ Le Dynamic Rendering 

○ Le Streaming de composant 

La gestion des formulaires dans un composant serveur 

○ Traitement des données 

○ Mise en place de validation 

Déploiement d'une Application Next.js 

•  Génération de fichiers de production 

•  Hébergement d'une application sur différentes plateformes (Vercel, Netlify,... ) 

Exercices pratiques 

•  Création d'une application avec Next.js avec le routing « App » 

•  Mise en place d’un formulaire en Next.js 

•  Déploiement d'une application Next.js sur une Vercel