Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Aperçu de Next.js 16 et Architecture Avancée
- Caractéristiques clés et changements dans Next.js 16.x
- Architecture et principes de conception du App Router
- Composants Serveur vs Composants Client
- Stratégies de rendu : SSR, SSG, ISR et streaming
- Conventions de structure de projet et meilleures pratiques
- Conception d'applications axée sur la performance
Routage Avancé et Navigation
- Mises en page imbriquées et motifs d'interface utilisateur partagée
- Groupe de routes pour un routage organisé
- Routes parallèles pour des segments de route indépendants
- Routes d'interception et navigation modale
- Routage dynamique et segments à correspondance universelle (catch-all)
- Handlers de route pour des points de terminaison personnalisés
- Middleware pour l'interception des requêtes
Composants Serveur React et Fonctionnalités Serveur
- Étude approfondie du modèle des Composants Serveur React
- Récupération de données côté serveur
- Interface utilisateur en streaming avec les limites Suspense
- Bornes d'erreur et gestion des erreurs
- Motifs d'interface de chargement (Loading UI)
- 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 d'interface utilisateur optimistes
- États en attente et feedback 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émoïsation des requêtes
- Fondamentaux du Data Cache
- Configuration du Route Cache
- Cacheur de routeur et invalidation du cache
- Stratégies de revalidation : à la demande et temporelles
- Motifs de données en streaming
Authentification et Autorisation
- Architecture d'authentification dans Next.js
- Motifs 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 Base de Données et ORM
- Considérations architecturales pour les bases de données
- Intégration PostgreSQL avec Next.js
- Mise en place de Prisma ORM et requêtes
- Aperçu de Drizzle ORM et migration
- Configuration du pool de connexions
- Stratégie de migrations de base de données
- Motifs de repository pour l'accès aux données
Développement d'API
- Handlers de route et conventions des routes API
- Mise en œuvre d'une 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 de webhooks
- Limitation de débit (rate limiting) et sécurité de l'API
Optimisation des Performances
- Analyse et optimisation du bundle
- Stratégies de code splitting
- Imports dynamiques pour le chargement à la demande
- Optimisation du composant Image
- Optimisation des polices avec next/font
- Motifs de chargement différé (lazy loading)
- Techniques d'optimisation des Core Web Vitals
Tests des Applications Next.js
- Stratégies de tests unitaires pour le code serveur et client
- Tests de composants avec des 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 APIs et services
- Tests des Composants Serveur
- Tests des Server Actions
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 des applications
- Suivi et rapport des erreurs
- Monitoring des performances en production
Motifs Avancés et Projet Capstone
- Motifs d'architecture de projet pour la scalabilité
- Organisation des fonctionnalités et limites des modules
- Motifs de conception courants dans les applications Next.js
- Architecture d'application multi-tenant
- Tutoriel sur le projet capstone
- Revue du cours et session de questions-réponses
Pré requis
- Connaissances intermédiaires de React (composants, hooks, gestion d'état)
- Maîtrise de Node.js et JavaScript (ES6+)
- Compréhension des concepts HTTP/REST et des APIs web
Audience cible
- Développeurs full-stack souhaitant passer à Next.js 16 pour des applications de production
- Développeurs React migranten't de versions précédentes de Next.js ou créant des applications pour des environnements critiques en matière de performance
- Développeurs backend adoptant les Composants Serveur React pour une architecture d'application full-stack
21 Heures