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