NEXTJS
Next.js
La meilleure formation pour maîtriser le framework Next.js
✓ Formation officielle SFEIR InstituteNiveau Intermédiaire⏱️ 2 jours (14h)
Ce que vous allez apprendre
- Comprendre les caractéristiques et les patterns de Next.js
- Connaître les différentes méthodes de rendu : SSR, SSG, Partial Prerendering ...
- Maîtriser la notion de React Server Component
- Développer une application complète avec Next.js
- Déployer et héberger une application Next.js
Prérequis
- Connaissances de base HTML et CSS
- Avoir suivi la formation Typescript ou avoir des connaissances équivalentes
- Avoir suivi la formation React ou avoir des connaissances équivalentes
Public cible
- Développeur frontend expérimenté ou fullstack JavaScript expérimenté qui a déjà des connaissances en React et qui souhaite maîtriser le framework Next.js
Programme de la Formation
9 modules pour maîtriser les fondamentaux
Sujets abordés
- →Introduction à Next.js, ses fonctionnalités clés, les dernières versions
- →Fonctionnalités du framework
- →Historique
- →La documentation / App Router VS Pages Router : quelle est la différence ?
- →Génération d'un projet et arborescence de base
- →Découverte de l'application
Sujets abordés
- →Apprentissage du routage avec Next.js : structuration de l'application et de ses URLs
- →Structuration des pages
- →Utilisation des Layouts et des Templates
- →URLs dynamiques et matching d’URLs avancé
- →Navigation entre les pages
- →Les métadonnées
Activités
Arborescence de pages et layouts
Composant Link et hooks du router
Sujets abordés
- →Pourquoi utilise-t-on les RSC ?
- →Présentation technique des RSC – Démystification des concepts
- →Quelles implications pour une application React ?
- →Guides de migration client component vers server component
- →Client boundaries et normes de développement
Activités
React Server Components – les bases
Composition et children
Sujets abordés
- →Exploration des stratégies de chargement de données : comment choisir ?
- →Chargement de la donnée côté serveur
- →Stratégies de cache et revalidation de la donnée
- →Route handlers : chargement côté client
Activités
Chargement côté serveur et gestion du cache
Sujets abordés
- →Stratégies pour rendre notre application plus résiliente
- →Les error boundaries de React pour gérer les erreurs inattendues au runtime
- →Les erreurs 404
Activités
Error boundaries dans Next.js
Erreurs 404
Sujets abordés
- →Quelles sont les stratégies pour effectuer de la mutation ou de l'envoi de données ?
- →Les server actions
- →Exemples d'utilisation
- →Server actions vs route handlers : comment choisir ?
Activités
Server actions
Hooks useOptimistic – useActionState – useFormStatus
Sujets abordés
- →Utilisation des middlewares pour le routing avancé et l'interception des requêtes
- →Lifecycles d'une application Next.js
- →Le fichier de configuration next.config.js
- →Le fichier middleware.js
Activités
Règles de réécriture
Système d'authentification basique
Sujets abordés
- →Comparaison des méthodes de rendu : SSR, SSG, ISR. Choix de la méthode adaptée, pages dynamiques, statiques, et partial pre-rendering
- →Qu'apporte Next.js avec la notion de Streaming ?
- →Pages dynamiques
- →Le streaming : comment optimiser le chargement avec les suspense boundaries ?
- →Pages statiques
- →Partial pre-rendering
- →Export statique (application complète)
Activités
Génération statique – generateStaticParams
Route Segment Config
Sujets abordés
- →Passage en revue des différentes stratégies et configurations de déploiement d'une application Next.js
- →Export statique
- →Vercel
- →Process Node.js
- →Dockerisation
Activités
Selon la stratégie de déploiement choisie
Processus Qualité
L'engagement de SFEIR Institute : une démarche d'excellence pour garantir la qualité et la réussite de toutes nos formations. En savoir plus sur notre démarche qualité
Méthodes pédagogiques mobilisées
- Lectures / Apports théoriques (Slides) — Présentation de concepts via des supports visuels (PowerPoint, PDF).
- Démonstration technique (Démos) — Le formateur réalise une manipulation ou une procédure devant les apprenants.
- Laboratoires dirigés (Labs) — Mise en pratique guidée sur logiciel, machine ou environnement technique.
Dispositif d'évaluation et de suivi
L'atteinte des objectifs de la formation est évaluée à plusieurs niveaux pour garantir la qualité de la prestation :
- Évaluation continue des acquis : Vérification des connaissances tout au long de la formation via des méthodes participatives (en fonction de la formation: quiz, exercices pratiques, mises en situation) sous la supervision du formateur.
- Mesure de la progression : Dispositif d'auto-évaluation comparatif comprenant un diagnostic initial pour situer le niveau de départ, suivi d'une évaluation finale pour valider l'évolution des compétences.
- Évaluation de la qualité : Questionnaire de satisfaction en fin de session pour mesurer la pertinence et l'efficacité de la formation ressentie par les participants.
Prochaines sessions
Aucune date ne vous convient ?
Nous organisons régulièrement de nouvelles sessions. Contactez-nous pour connaître les prochaines dates disponibles ou pour organiser une session à la date de votre choix.
S'inscrire à une date personnaliséeFormer plusieurs collaborateurs
- Tarifs dégressifs (plusieurs places)
- Session privée ou sur-mesure
- En présentiel ou à distance