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

Contenu 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

Résultats attendus de la formation

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

N° session CO

Date de début

Date de fin

Lieu de formation

Inscription

Public

Détails

406211S

12/01/2026

31/12/2026

Dijon 21000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Hope !
64e Rue Sully
21000 - Dijon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en JavaScript Notions de HTML et CSS Compréhension des principes fondamentaux de React est recommandée

COMPLEMENT D’INFORMATION

406212S

12/01/2026

31/12/2026

Dijon 21000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Chez Startway Coworking
15 Boulevard de Brosses
21000 - Dijon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en JavaScript Notions de HTML et CSS Compréhension des principes fondamentaux de React est recommandée

COMPLEMENT D’INFORMATION

406213S

12/01/2026

31/12/2026

Besançon 25000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Ibis Besançon Centre Ville
21 rue gambetta
25000 - Besançon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en JavaScript Notions de HTML et CSS Compréhension des principes fondamentaux de React est recommandée

COMPLEMENT D’INFORMATION

406214S

12/01/2026

31/12/2026

Belfort 90000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Belfort Boost
6 Rue de Madagascar
90000 - Belfort

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en JavaScript Notions de HTML et CSS Compréhension des principes fondamentaux de React est recommandée