Comprendre l'évolution de React vers Next.js. Différences entre rendu serveur et client. Installation avec create-next-app et structure du dossier app/.

Création de pages, de dossiers de routage, et de layouts imbriqués. Utilisation des fichiers spéciaux : page.js, layout.js, loading.js, et error.js.

La règle d'or de Next.js. Quand utiliser "use client". Avantages des Server Components pour la performance et la sécurité.

Utilisation du composant <Link> pour le prefetching. Navigation programmatique et gestion des paramètres d'URL (useSearchParams, usePathname).

Utilisation de fetch directement dans les composants asynchrones. Gestion du cache, de la revalidation (ISR) et des tags.

Envoyer des données au serveur sans API Route. Utilisation de useFormStatus et useFormState pour une expérience utilisateur fluide.

Maîtrise du composant <Image> (Lazy loading, WebP, Layout shift) et de next/font pour des performances Google Lighthouse parfaites.

Améliorer la perception de vitesse en affichant des composants progressivement pendant le chargement des données.

Créer des points d'accès API (GET, POST, PATCH, DELETE) directement dans Next.js pour communiquer avec des services tiers.

Mise en place d'une connexion sécurisée (Google, GitHub, ou Email/Password) et protection des pages et des Server Actions.

Intercepter les requêtes pour gérer les redirections, la géolocalisation ou la sécurité avant que la page ne soit rendue.

Utilisation de l'objet metadata et de generateMetadata pour des réseaux sociaux et un référencement Google optimisés.

Mélanger le statique et le dynamique dans une seule page pour une vitesse maximale.

Gérer plusieurs langues avec le routage par segments de langue (ex: /fr/about, /en/about).

Automatiser les tests de vos pages et de vos Server Actions pour éviter les régressions en production.

Mise en production, gestion des variables d'environnement, et configuration d'un Dockerfile pour des environnements auto-hébergés.