- 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
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
- 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
Non certificiante
Sans niveau spécifique
