Formation Apprendre NextJS 15

Découvrez comment créer des sites internet rapidement avec NextJS 15 en maîtrisant tous les concepts compliqués comme les Server Components, Server Actions et bien plus. Tout cela sur une plateforme pédagogique unique.

Tous les niveaux

60 heures

5487 élèves

ACRDFTVJQCMSRC

5487 étudiants

NextReact

Mise à jour le 9 novembre 2024

1 projet comme en entreprise

En Français 🇫🇷

Plateforme de formation unique

Présentation

Formation NextJS : Une immersion totale pour maîtriser NextJS. Cette formation est conçue pour vous guider pas à pas dans l'univers de NextJS. Vous apprendrez à créer des applications web modernes et performantes.

Pourquoi apprendre NextJS ? NextJS est un framework qui améliore React. Il permet de développer des applications rapides et optimisées pour le SEO. C'est un atout majeur pour tout développeur souhaitant se démarquer.

À quoi ça sert ? Avec NextJS, vous pouvez construire des sites web dynamiques et interactifs. Il facilite le rendu côté serveur et l'optimisation des performances. C'est essentiel pour les projets ambitieux.

L'opportunité de NextJS : Le marché du travail valorise les compétences en NextJS. Les entreprises recherchent des développeurs capables de créer des applications efficaces et évolutives. C'est une opportunité à ne pas manquer.

La puissance de NextJS : NextJS offre des fonctionnalités avancées comme le chargement dynamique et la génération de pages statiques. Ces outils vous permettent de développer des applications robustes et innovantes.

Rejoignez notre Formation NextJS pour exploiter tout le potentiel de ce framework. Devenez un expert et transformez votre carrière dans le développement web.

Le projet que VOUS allez réaliser

Un projet comme en entreprise pour apprendre et maîtriser NextJS rapidement.

Nous allons le reproduire de zéro et gérer tout ce qu'il faut pour créer une vraie application en se basant sur la même stack que ma boilerplate populaire NOW.TS !

Formation NextJS 15

Rejoignez maintenant la formation NextJS suivie par 5487 élèves et qui a transformé la vie de leurs apprenants.

Ils me font confiance :

Son contenu riche et sa méthode d'enseignement pratique m'ont donnés de solides connaissances pour le lancement serein de SendShort.
Romain Cerezo

Romain Cerezo

Co-fondateur de SendShort, créateur de contenu

Si tu veux maîtriser React et NextJs, je te recommande la formation de Melvyn. Toutes les personnes que j'ai coaché et qui ont suivi cette formation sont toutes ravies sans exception. Les cours sont clairs et très orientées pratique. Enfin bref, n'hésite pas !
Johan Le Roch

Johan Le Roch

Développeur Freelance Senior en React et créateur de contenu

Plan de formation

TypeScript avec React
Module 1

TypeScript avec React

Maîtrise TypeScript pour l'utiliser comme un PRO avec React

  • 1 TicTacToe en React avec TypeScript
  • 2 Quel problème résout-il ?
  • 3 L’inférence
  • 4 Les génériques
  • 5 Les types spéciaux
  • 6 Les props avec TS
  • 7 Les hooks avec TS
  • 8 Les contexts avec TS
  • 9 Le mindset TS
Le fetch de données
Module 2

Le fetch de données

ReactQuery et Zod vont devenir tes meilleurs amis !

  • 10 On ment à TypeScript
  • 11 Zod pour la validation de données
  • 12 Agify et Zod
  • 13 Clone de Twitter
  • 14 Les fetch en React
  • 15 useQuery avec React
  • 16 User Management avec ReactQuery
  • 17 Astuces avancées de ReactQuery
  • 18 Les mutations
  • 19 Les optimistic updates
  • 20 Le Developer Tool React Query
NextJS - Pages Directory
Module 3

NextJS - Pages Directory

Toutes les bases sur NextJS avec l'ancien système.

  • 21 Clone de Twitter (on continue)
  • 22 Le SSR
  • 23 Le CSR
  • 24 L’ISR
  • 25 L’hydratation
  • 26 Le routing dans Pages Directory
  • 27 Le SSR / SSG dans Pages Directory
  • 28 Le Lazy Loading
NextJS : App directory
Module 4

NextJS : App directory

Cette fois on va maîtriser NextJS avec toutes les dernières features de React.

  • 29 Création d'un clone de Udemy
  • 30 Tout sur Prisma
  • 31 Tout sur NextAuth
  • 32 Setup du projet comme en entreprise
  • 33 Tout sur les Server Components
  • 34 Le routing dans l’App Directory
  • 35 Les Client Components
  • 36 Les Neutral Components
  • 37 Les Server Actions
  • 38 Les Safe Actions
  • 39 Navigation frontend
  • 40 Gestion des formulaires
  • 41 Les méthodes HTTP
  • 42 Le routage avancé
  • 43 Les composants de streaming
  • 44 Le Server Context
  • 45 Déploiement sur Vercel
Les Tests avec React
Module 5

Les Tests avec React

On va maîtriser les tests unitaires avec React !

  • 46 Introduction aux tests
  • 47 Tests de composants React
  • 48 Test de composants du DOM
  • 49 React Testing Library
  • 50 Tests avec Testing Library
  • 51 Le Testing Playground
  • 52 Le mindset des tests
  • 53 userEvent et asynchronie
  • 54 Tests des formulaires
  • 55 Mock d'une API
  • 56 On mocke notre API
  • 57 Le mocking de tout
  • 58 On mocke TOUT
  • 59 Tests des hooks
  • 60 Démonstration des hooks

FAQ

Prêt à commencer ?