Formation Développement avancé avec Next.js 16

Aperçu de Next.js 16 et architecture avancée

• Fonctionnalités clés et modifications apportées dans Next.js 16.x
• Architecture du routeur App et principes de conception
• Composants Serveur vs Composants Client
• Stratégies de rendu : SSR, SSG, ISR et streaming
• Conventions de structure de projet et bonnes pratiques
• Conception d'applications axée sur la performance

Routage avancé et navigation

• Mises en page imbriquées et modèles d'interface utilisateur partagés
• Groupes de routes pour un routage organisé
• Routes parallèles pour des segments de route indépendants
• Routes interceptives 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 serveur

• Analyse approfondie du modèle des Composants Serveur React
• Récupération de données côté serveur
• Interface utilisateur en streaming avec les frontières Suspense
• Fondamentaux de la gestion d'erreurs
• Modèles d'interface de chargement
• Rendu partiel et rendu sélectif

Actions Serveur et formulaires

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

Récupération de données avancée 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ée sur le temps
• Modèles de streaming de données

Authentification et autorisation

• Architecture d'authentification dans Next.js
• Motifs de gestion des sessions
• 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 de la base de données et ORM

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

Développement d'API

• Handlers de route et conventions des itinéraires 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échargement de fichiers
• Intégration et vérification de webhooks
• Limitation du débit (rate limiting) et sécurité des API

Optimisation des performances

• Analyse et optimisation du bundle
• Stratégies de découpage de code (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 de composants avec utilitaires de test
• Tests d'intégration pour les flux de données complets
• Tests de bout en bout (E2E) avec Playwright ou Cypress
• Mise en place de mocks pour les API et services
• Test des Composants Serveur
• Test des Actions Serveur

Déploiement, DevOps et surveillance

• Configuration du build de production
• Gestion des variables d'environnement
• Conteneurisation Docker pour Next.js
• Mise en place du pipeline CI/CD
• Surveillance et journalisation de l'application
• Suivi et rapport d'erreurs
• Surveillance des performances en production

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

• Motifs d'architecture de projet pour la scalabilité
• Organisation des fonctionnalités et limites des modules
• Modèles de conception courants dans les applications Next.js
• Architecture d'application multi-locataire
• Parcours du projet final (Capstone)
• Revue du cours et séance de questions-réponses