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

Sans niveau spécifique