Prenez contact avec nous

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

Nombre de participants


Prix par participant

Cours à venir

Catégories Similaires