Formation Next.js – Développement d’applications Web React modernes

2 jours (14 h)
Inter : 1 500,00 € HT/pers
Intra : nous consulter

Description title-border

Les objectifs

  • Comprendre l’architecture de Next.js et ses avantages par rapport à une application React standard

  • Créer et structurer une application Next.js avec pages, navigation et layouts

  • Implémenter le rendu côté serveur (SSR), le rendu statique (SSG) et les routes dynamiques

  • Intégrer des appels API, gérer des données et optimiser la performance

  • Préparer, tester et déployer une application Next.js dans un environnement de production

Public visé

  • Développeurs front‑end souhaitant exploiter Next.js pour des applications Web performantes

  • Développeurs React désireux d’élargir leurs compétences vers des solutions full‑stack

  • Intégrateurs et techniciens participants à des projets Web dynamiques avec rendu côté serveur

Prérequis

  • Maîtrise des bases de JavaScript (ES6+)

  • Connaissance pratique de React (composants, props, state, hooks)

  • Capacité à utiliser un éditeur de code, gérer des paquets npm/yarn

  • Notions de base sur le développement Web (HTML, CSS, HTTP)

Le programme

Jour 1
Matinée

1. Introduction à Next.js et premiers pas

  • Présentation de Next.js : contexte, concepts clés, cas d’usage
  • Différences entre SPA, SSR, SSG et ISR
  • Mise en place de l’environnement de développement (Node.js, npm/yarn, IDE)
  • Création d’un projet Next.js et exploration de la structure des dossiers
  • Mise en route : premières pages et navigation de base
Après-midi

2. Routage et organisation des composants

  • Système de routage basé sur les fichiers
  • Navigation entre pages, liens et transition d’état
  • Layouts et composants globaux
  • Gestion des assets (images, styles, fichiers statiques)
  • Exercices pratiques : structuration d’une petite application multi-pages
Jour 2
Matinée

3. Données et rendu côté serveur

  • Récupération de données : fetch, axios ou autre client HTTP
  • Rendu côté serveur avec getServerSideProps
  • Rendu statique avec getStaticProps et génération de pages statiques
  • Routes dynamiques et génération statique de pages paramétrées
  • Atelier : pages dynamiques et intégration de données externes
Après-midi

4. Optimisation, API intégrées et déploiement

  • API internes avec Next.js : création de routes API dans l’application
  • Gestion des erreurs, des états de chargement et des formes utilisateur
  • Optimisation des performances : préfetching, code splitting, images optimisées
  • Étapes de build et déploiement sur une plateforme de production (Vercel ou équivalent)
  • Bilan des acquis, conseils pour aller plus loin, bonnes pratiques
Dernière mise à jour : 22 avril 2026

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée alliant théorie et pratique (minimum 50%)
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.