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
5568 élèves
5568 étudiants
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 5568 élèves et qui a transformé la vie de leurs apprenants.
Ils me font confiance :
Romain Cerezo
Co-fondateur de SendShort, créateur de contenu
Johan Le Roch
Développeur Freelance Senior en React et créateur de contenu
Plan de formation
TypeScript avec React
Semaine 1
- 1 Comprendre le VRAI usage de TypeScript
- 2 Utiliser TypeScript comme un senior
- 3 Comprendre l'inférence pour BIEN utiliser TS
- 4 Tous les types spéciaux (cheaté)
- 5 React avec TypeScript : Tous les secrets
- 6 Hooks avec TypeScript : bonne pratique
- 7 Les contextes avec TypeScript
- 8 Le mindset à suivre avec TypeScript
Le fetch de données
Semaine 2
- 9 On ment à TypeScript (grosse erreur des débutants)
- 10 Zod pour dire la vérité à TypeScript
- 11 Fetch de manière SÉCURISER
- 12 Projet : Clone de Twitter
- 13 useQuery avec React (bonne pratique)
- 14 Astuces avancées de TanStack Query
- 15 Modifier des données : bonne pratique
- 16 Optimistic update pour rendre ton application rapide
- 17 Developer Tools de TanStack Query
NextJS : App directory
Semaine 3 et 4
- 18 Formation complète sur Prisma
- 19 Formation complète sur NextAuth (meilleur système)
- 20 Setup du projet comme en entreprise
- 21 Server Components : les comprendre pour la vie
- 22 Routing NextJS : les astuces pour bien le faire
- 23 Client Components : quand les utiliser
- 24 Neutral Components : concept important
- 25 Les Server Actions et leur usage
- 26 Les Safe Actions pour sécuriser tes actions
- 27 Client : navigation côté frontend
- 28 Client : formulaire d'un senior developer
- 29 Le routage avancé : les astuces compliqué du routing
- 30 Streaming de composant : rendre ton application plus rapide
- 31 Server Context : comment partager des données entre nos pages
- 32 Déploiement sur Vercel
Full-stack : Projet YouCode
Semaine 5
- 33 Création d'un projet full-stacl
- 34 Ajout de l'authentification de manière clean
- 35 Ajout de la database de manière professionnelle
- 36 Ajout des pages et navigation côté client
- 37 Modification des données avec les server-actions et safe-actions
- 38 Admin avec protection des pages
- 39 Éditeur markdown moderne pour les formations
Les Tests avec React
Semaine 6
- 40 Introduction aux tests
- 41 Tests de composants React
- 42 Test de composants du DOM
- 43 React Testing Library
- 44 Tests avec Testing Library
- 45 Le Testing Playground
- 46 Le mindset des tests
- 47 userEvent et asynchronie
- 48 Tests des formulaires
- 49 Mock d'une API
- 50 On mocke notre API
- 51 Le mocking de tout
- 52 On mocke TOUT
- 53 Tests des hooks
- 54 Démonstration des hooks
NextJS - Pages Directory
Bonus
- 55 Clone de Twitter (on continue)
- 56 Le SSR
- 57 Le CSR
- 58 L’ISR
- 59 L’hydratation
- 60 Le routing dans Pages Directory
- 61 Le SSR / SSG dans Pages Directory
- 62 Le Lazy Loading