Next.js : faciliter le développement d'applications web
Next.js est un framework basé sur React. Il facilite le développement côté serveur (SSR), utilise une génération statique (SSG) et une gestion optimisée du routage. Vous maîtriserez les concepts d'optimisation des performances, le SEO intégré et l'utilisation de fonctionnalités comme Server Actions et Middleware.
INTER
INTRA
SUR MESURE
Formation pratique en présentiel ou à distance Disponible en anglais, à la demande
Vous souhaitez une formation adaptée aux spécificités de votre entreprise et de vos équipes ? Nos experts construisent votre formation sur mesure, dans la langue de votre choix !
Next.js est un framework basé sur React. Il facilite le développement côté serveur (SSR), utilise une génération statique (SSG) et une gestion optimisée du routage. Vous maîtriserez les concepts d'optimisation des performances, le SEO intégré et l'utilisation de fonctionnalités comme Server Actions et Middleware.
À l’issue de la formation, le participant sera en mesure de :
Comprendre et manipuler les concepts de Next.js
Développer des applications web performantes
Gérer les données et les API dans Next.js
Déployer et maintenir une application Next.js
Public concerné
Développeurs JavaScript.
Prérequis
Connaissances de React et JavaScript.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisantce test.
Méthodes et moyens pédagogiques
Travaux pratiques
Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.
Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
Programme de la formation
1
Les bases de Next.js
Fonctionnement général de NextJs.
Création de pages web avec Next.js.
Utiliser des composants ReactJs dans les pages.
Travaux pratiques
Mettre en place une application Next.js.
2
Utilisation des feuilles de style
Utilisation des CSS Modules.
Manipuler des librairies de composants (Material UI et Style Components).
Découverte de Styled Components.
Travaux pratiques
Créer une section simple en utilisant Material UI puis Styled Components pour comparer les approches.
3
SSR et optimisations
Génération de sites statiques.
Manipulation du Server Side Rendering.
Maîtrise de l'Incremental Static Regeneration.
Pratique du code splitting.
Travaux pratiques
Implémenter le Server-Side Rendering (SSR) dans une application Next.js.
4
Amélioration du SEO
Génération Dynamique des META avec next/head.
Optimisation des balises HTML pour le SEO.
Optimiser les performances de l'application.
Travaux pratiques
Optimiser les performances SEO d’une application Next.js.
5
Tester une application Next.js
Utilisation de Jest et React Testing.
Tests de sécurité avec OWASP ZAP.
Tests d’accessibilité (a11y).
Utilisation de Cypress.
Travaux pratiques
Réaliser des tests d'une application Next.js.
6
l'internationalisation (I18N)
Introduction à l'internationalisation (I18N) avec Next.js.
Configuration de Next.js pour l'internationalisation.
Utilisation de next-translate ou react-i18next pour la gestion des traductions.
Gestion des formats de données et des éléments locaux.
Travaux pratiques
Création d'une page multilangues avec Next.js.
Date de publication : 09/02/2026
PARTICIPANTS
Développeurs JavaScript.
PRÉREQUIS
Connaissances de React et JavaScript.
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
MOYENS PÉDAGOGIQUES ET TECHNIQUES • Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance
Dernières places
Date garantie en présentiel ou à distance
Session garantie
Aucune session pour le moment, nous vous invitons à consulter le planning des classes à distance.
4
Ce programme est une création originale, conçu par les équipes pédagogiques d'ORSYS Formation. Toute reproduction, représentation, adaptation ou exploitation, totale ou partielle, sans autorisation préalable écrite d'ORSYS, est strictement interdite. ORSYS se réserve le droit d'engager toute action nécessaire à la protection de ses droits de propriété intellectuelle.