Aller au contenu principal

Développeur framework Next.js

Date de mise à jour :
Identifiant Offre Info : 24_298651
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 et…

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

Niveau de sortie

Information non communiquée

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Oui

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Information non communiquée

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

291 Rue Albert Caquot
06560 Valbonne

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

Début

Fin

Adresse d'inscription
291 Rue Albert Caquot
06560 Valbonne
Modalités
Entrées / Sorties à dates permanentes