Formation : Next.js : faciliter le développement d'applications web

Cours pratique - 2j - 14h00 - Réf. NEX
Prix : 1610 € H.T.

Next.js : faciliter le développement d'applications web



Nouvelle formation

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

Cours pratique en présentiel ou à distance
Disponible en anglais, à la demande

Réf. NEX
  2j - 14h00
1610 € H.T.
Pauses-café et
déjeuners offerts




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.


Objectifs pédagogiques
À 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 faisant  ce 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.


Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Horaires
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les formations de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

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

CLASSE À DISTANCE
2026 : 11 juin, 14 sep., 3 déc.

PARIS LA DÉFENSE
2026 : 4 juin, 7 sep., 26 nov.