Développeur framework Next.js

Objectifs

Comprendre l'architecture et les concepts fondamentaux de Next.js
Mettre en place un projet Next.js moderne
Développer des applications web performantes et SEO-friendly
Maîtriser le routage, le rendu et la gestion des données
Utiliser les bonnes pratiques de développement avec React et Next.js
Déployer une application Next.js en production

Programme de la formation

Module 1 : Introduction à Next.js et à l'écosystème
Présentation de Next.js et cas d'usage
Différences entre React SPA et Next.js
Installation et configuration de l'environnement de développement
Structure d'un projet Next.js
Module 2 : Fondamentaux de React appliqués à Next.js
Rappels sur les composants React
Hooks essentiels (useState, useEffect, useContext)
Gestion de l'état et des props
Organisation du code et bonnes pratiques
Module 3 : Routage et navigation
Système de routage basé sur les fichiers
Pages dynamiques et paramètres d'URL
Navigation avec Link et useRouter
Gestion des layouts
Module 4 : Rendu et performances
Server Side Rendering (SSR)
Static Site Generation (SSG)
Incremental Static Regeneration (ISR)
Choisir la bonne stratégie de rendu
Module 5 : Gestion des données et des API
Data fetching avec fetch et axios
getStaticProps, getServerSideProps
API Routes dans Next.js
Connexion à une API externe ou une base de données
Module 6 : Styles et assets
CSS Modules
Styled Components ou Tailwind CSS
Gestion des images avec next/image
Optimisation des polices
Module 7 : Authentification et sécurité
Principes de base de la sécurité web
Mise en place d'une authentification
Gestion des sessions et des tokens
Protection des routes
Module 8 : Tests, qualité et bonnes pratiques
Tests unitaires et d'intégration
Linting et formatage du code
Organisation d'un projet professionnel
Optimisation et accessibilité
Module 9 : Déploiement et mise en production
Variables d'environnement
Build et optimisation
Déploiement sur Vercel ou autre plateforme
Maintenance et mises à jour

Validation et sanction

Créer une application web complète avec Next.js
Mettre en œuvre différentes stratégies de rendu
Développer une application performante et optimisée pour le SEO
Consommer et exposer des API
Déployer une application Next.js en production

Type de formation

Non certifiante

Sortie

Information non communiquée