Développer des applications web modernes avec Next.js

Maîtrisez Next.js, le framework React de référence pour le web full-stack. De l'App Router aux React Server Components, en passant par les Server Actions, le rendu hybride (SSR, SSG, ISR, PPR), l'optimisation des performances et le déploiement sur Vercel. Formation e-learning complète pour les développeurs souhaitant se lancer ou se perfectionner sur Next.js.

60h

E-learning

2800 € HT

Certifié Qualiopi

Finançable OPCO

S'inscrire à la formation

Télécharger le programme complet

Devenez opérationnel sur Next.js, du débutant au confirmé

Ce que vous apprendrez en formation :

Comprendre l'architecture de Next.js et l'App Router (file-system routing, layouts, groupes de routes)

Maîtriser les React Server Components (RSC) et les Client Components : quand et pourquoi les utiliser

Implémenter les Server Actions pour gérer les mutations sans API custom

Exploiter les stratégies de rendu : SSR, SSG, ISR, Streaming et Partial Pre-Rendering (PPR)

Optimiser les performances (Core Web Vitals, Image, Font, Script, bundle analysis)

Déployer, monitorer et maintenir une application Next.js en production sur Vercel ou en auto-hébergement

Programme de formation

Ce que vous apprendrez avec la formation

Maîtrisez le développement web full-stack avec Next.js et React 19

12modules

60cours

01Introduction à Next.js : pourquoi Next.js, l'écosystème React full-stack, App Router vs Pages Router, créer son premier projet avec create-next-app, structure des dossiers et conventions

02Le routing avec l'App Router : file-system routing, pages et layouts, routes imbriquées, groupes de routes, routes dynamiques ([slug], [...catchAll]), loading.tsx, error.tsx et not-found.tsx

03React Server Components (RSC) : comprendre le modèle serveur/client, RSC Payload, quand utiliser un Server Component vs un Client Component ('use client'), patterns de composition, avantages en performance

04Data fetching et caching : fetch côté serveur avec async/await, mise en cache et revalidation (ISR), generateStaticParams pour le SSG, Suspense et streaming de données, cache components et use cache (Next.js 16)

05Server Actions et mutations : créer des actions serveur ('use server'), formulaires avec Server Actions, validation et gestion d'erreurs, useActionState et useFormStatus, patterns optimistes (Optimistic UI)

06Styling et UI : Tailwind CSS avec Next.js, CSS Modules, bibliothèques de composants (shadcn/ui), optimisation des polices (next/font), composant Image (next/image) et lazy loading

07Authentification et sessions : middleware Next.js, protection de routes, intégration NextAuth.js / Auth.js, gestion des sessions et cookies, rôles et permissions

08Bases de données et ORM : connecter une base de données (PostgreSQL, SQLite), Prisma ou Drizzle ORM, requêtes depuis les Server Components, migrations et seed, intégration avec les Server Actions

09API Routes et intégrations : Route Handlers (GET, POST, PUT, DELETE), webhooks, intégration de services tiers (Stripe, emails, stockage S3), middleware et rate limiting

10Performance et optimisation : Core Web Vitals (LCP, FID, CLS), Partial Pre-Rendering (PPR), analyse du bundle (next/bundle-analyzer), lazy loading et code splitting, Turbopack pour le développement

11Tests et qualité de code : tests unitaires (Vitest, Jest), tests de composants (React Testing Library), tests E2E (Playwright, Cypress), linting (ESLint) et formatting (Prettier), CI avec GitHub Actions

12Déploiement et production : déployer sur Vercel (zéro config), auto-hébergement (Docker, Node.js standalone), variables d'environnement et secrets, monitoring et analytics, stratégies de mise à jour et rollback

Télécharger le programme complet

Notre approche

Approche pédagogique

École La Tech a élaboré une méthode d'apprentissage innovante et orientée résultats, pensée pour booster votre progression à chaque étape. Mentorat, quiz, projet concret, ressortir certifié, ressources complémentaires, communauté...

Vidéos explicatives

Exercices pratiques

Mentorat

Suivi projet

Outils sur mesure

LMS, assistant de formation en temps réel, IA, ...

Modalités d'évaluation

Plateforme vidéos pré-enregistrées, coaching individuel, échanges via visio/messagerie

Bénéficiez d'une prise en charge jusqu'à 100% grâce à votre OPCO !

Prise en charge **jusqu'à 100%** via votre OPCO

**Financement entreprise** possible

**Aucun engagement financier** avant validation de votre dossier

Tarifs

Formation accompagnée par un expert

Développer des applications web modernes avec Next.js

60h de formation

Finançable OPCO

2800€ HT

60h

E-learning

1 formation e-learning Next.js
+ de 60 cours disponibles
Accès en illimité
Accès à la communauté Slack
Accès à toutes nos ressources
Mentorat individuel pour suivre une progression personnalisée

S'inscrire à la formation

Demander un devis sur mesure

Contact

Dissiper les doutes sur les besoins de financement
Comprendre notre processus d'inscription
Vérifier quels sont les outils et les langues enseignés
Vérifier les prérequis et le matériel à étudier

Nous contacter

FAQ

Vous avez des questions ? Retrouvez toutes les réponses sur le contenu, les prérequis et le déroulement de la formation.

Besoin d'un conseil personnalisé ? Échangez avec un expert dès maintenant !

Je prends rendez-vous

1. Faut-il connaître React pour suivre cette formation ?

Oui, une connaissance de base de React est nécessaire (composants, hooks, state, props). La formation ne couvre pas les fondamentaux de React. Si vous débutez en React, nous vous recommandons de suivre une formation React avant de vous lancer sur Next.js.

2. La formation couvre-t-elle l'App Router ou le Pages Router ?

La formation est intégralement basée sur l'App Router, qui est le standard recommandé par Vercel depuis Next.js 13. Le Pages Router est brièvement présenté dans le module d'introduction pour comprendre les différences, mais tous les ateliers et exemples utilisent l'App Router.

3. Quelle version de Next.js est utilisée dans la formation ?

La formation couvre Next.js 15 et 16 avec React 19. Les dernières fonctionnalités sont abordées : React Server Components, Server Actions, Partial Pre-Rendering (PPR), cache components, Turbopack. Le contenu est régulièrement mis à jour pour suivre les évolutions du framework.

4. La formation aborde-t-elle le back-end (base de données, authentification) ?

Oui, Next.js est un framework full-stack. Deux modules sont dédiés à l'authentification (NextAuth.js, middleware, sessions) et aux bases de données (Prisma/Drizzle, PostgreSQL). Vous apprendrez à construire une application complète du front-end au back-end.

5. Puis-je déployer autrement que sur Vercel ?

Absolument. Le module déploiement couvre Vercel (la solution la plus simple) mais aussi l'auto-hébergement avec Docker ou Node.js standalone. Vous êtes libre de déployer votre application sur la plateforme de votre choix (AWS, OVH, DigitalOcean, etc.).

Développer des applications web modernes avec Next.js

2800 € HT

Finançable OPCO

60h

E-learning

S'inscrire à la formation

Sommaire

Télécharger le programme complet

Besoin d'un devis personnalisé ?

2800 € HT

E-learningFinançable OPCO

S'inscrire