Formation Développement Avancé Next.js 16

Vue d'ensemble de Next.js 16 et architecture avancée

• Fonctionnalités clés et modifications apportées dans Next.js 16.x
• Architecture du App Router et principes de conception
• Composants Serveur vs Composants Client
• Stratégies de rendu : SSR (Server-Side Rendering), SSG (Static Site Generation), ISR (Incremental Static Regeneration) et streaming
• Conventions de structure de projet et meilleures pratiques
• Conception d'applications axée sur la performance

Navigation avancée et routage

• Mises en page imbriquées et modèles d'interface utilisateur partagés
• Grouper les routes pour un routage organisé
• Routes parallèles pour des segments de route indépendants
• Routes interceptées et navigation modale
• Routage dynamique et segments à correspondance universelle (catch-all)
• Handlers de route pour les points de terminaison personnalisés
• Middleware pour l'interception des requêtes

Composants Serveur React et fonctionnalités côté serveur

• Plongée dans le modèle des React Server Components
• Récupération de données sur le serveur
• Interface utilisateur en streaming avec les limites Suspense
• Bornes d'erreur et gestion des erreurs
• Modèles d'interface de chargement
• Rendu partiel et rendu sélectif

Server Actions et formulaires

• Architecture et capacités des Server Actions
• Gestion des formulaires avec traitement côté serveur
• Stratégies de validation
• Mises à jour optimistes de l'interface utilisateur
• États en attente et retour utilisateur
• Téléversement de fichiers et amélioration progressive

Récupération avancée de données et mise en cache

• API Fetch dans Next.js et mémorisation des requêtes
• Fondamentaux du Data Cache
• Configuration du Route Cache
• Router Cache et invalidation du cache
• Stratégies de revalidation : à la demande et basé sur le temps
• Modèles de données en streaming

Authentification et autorisation

• Architecture d'authentification dans Next.js
• Modèles de gestion de session
• Flux d'authentification basés sur JWT
• Stratégies d'intégration OAuth
• Mise en œuvre du Contrôle d'accès basé sur les rôles (RBAC)
• Protection des routes basée sur le middleware

Intégration à la base de données et ORM

• Considérations architecturales pour la base de données
• Intégration de PostgreSQL avec Next.js
• Configuration et requêtes Prisma ORM
• Aperçu et migration Drizzle ORM
• Configuration du pool de connexions
• Stratégie de migration de la base de données
• Modèle Repository pour l'accès aux données

Développement d'API

• Handlers de route et conventions des routes API
• Mise en œuvre d'API RESTful
• Validation des requêtes API
• Gestion des erreurs et formatage des réponses
• Points de terminaison pour le téléversement de fichiers
• Intégration et vérification des webhooks
• Limitation du débit et sécurité des API

Optimisation des performances

• Analyse et optimisation des bundles
• Stratégies de code splitting
• Imports dynamiques pour le chargement à la demande
• Optimisation du composant Image
• Optimisation des polices avec next/font
• Modèles de chargement différé (lazy loading)
• Techniques d'optimisation des Core Web Vitals

Tests d'applications Next.js

• Stratégies de test unitaire pour le code serveur et client
• Test des composants avec les utilitaires de test
• Tests d'intégration pour les flux de données complets
• Tests bout-en-bout (E2E) avec Playwright ou Cypress
• Simulation (mocking) des API et services
• Test des composants serveur
• Test des Server Actions

Déploiement, DevOps et surveillance

• Configuration des builds de production
• Gestion des variables d'environnement
• Conteneurisation Docker pour Next.js
• Mise en place du pipeline CI/CD
• Surveillance et journalisation des applications
• Suivi et signalement des erreurs
• Monitoring des performances en production

Modèles avancés et projet capstone (projet final)

• Modèles d'architecture de projet pour l'évolutivité
• Organisation des fonctionnalités et limites des modules
• Modèles de conception courants dans les applications Next.js
• Architecture d'applications multi-locataires
• Tutoriel du projet capstone
• Revue du cours et session de questions/réponses