• Tout public

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

Connaissances de base en JavaScript

Notions de HTML et CSS

Compréhension des principes fondamentaux de React est recommandée

Durée en centre : 50 heures
Durée totale : 50 heures

Formacode (Domaines de formation) :

• 71954 Framework
• 30831 Langage ASP.NET
• 31090 Développement web

Rome (Métiers) :

• M1805 Études et développement informatique

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données