Aller au contenu principal

Développeur framework Next.js

Date de mise à jour :
Identifiant Offre Info : 07_26105870F
Organisme responsable : Vivaneo (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

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…

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

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Oui
Financeur
  • Entreprise

    Programme : Formation adulte financée par l'entreprise ou financement individuel

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Connaissances de base en JavaScript Notions de HTML et CSS Compréhension des principes fondamentaux de React est recommandée

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

4 Rue Germaine Richier
37100 Tours

Responsable : Arkopol

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 Rue du Chemin Vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes