Your cart is empty.
Keep shoppingMaîtrisez Next.js App Router par la pratique | 2025 | 23h
Highest Rated
133 students
Maîtrisez Next.js App Router par la pratique | 2025 | 23h
Apprenez Next.js App Router en suivant les recommandations de ses créateurs | 22h de cours en vidéos et bien plus encore
Created byDONKEYGEEK Tahar
Last updated 3/2025
French
What you'll learn
- Maîtriser la nouvelle version Next JS App Router
- Maîtriser les concepts de la récente version Next JS par la théorie et la pratique
- Maîtriser les nouveaux concepts de Next JS en suivant les recommandations de ses créateurs (VERCEL)
- Apprendre Next JS pour devenir un développeur d'applications web Full Stack
- Apprendre Next JS de A à Z en codant 3 applications, étape par étape.
- Maîtriser les soumissions de données via les Actions Serveur (Server Actions)
- Maîtriser les Composants Serveur, les Composants Client, la récupération de données et plus encore !
- Explorer toutes les fonctionnalités clés de NextJS telles que le pré-rendu, le SSR, la récupération de données, le routage, l'authentification et plus encore ..
- Optimisation des polices d'écriture, des images et des icônes dans des exercices pratiques
- Maîtriser les layouts, les layouts imbriqués, les routes statiques, les routes dynamiques, les routes dynamiques imbriquées avec catch all segments
- Maîtriser la gestion des erreurs, la fonction not-found, la colocation de fichiers dans un projet Next
- Maîtriser les dossiers privés et les groupes de routes dans les projets NextJS
- Maîtriser navigation, les formulaires, les images, et les images d'arrière plan dans une application Next
- Maîtriser plusieurs hooks utiles comme useDebouncedCallback, useSearchParams, useFormState, etc
- Le déploiement d'un projet NextJS sur les services de Vercel
- La configuration des bases de données SQL (PostgreSQ), NoSQL (MongoDB) et comment les utiliser dans un projet NextJS
- Maîtriser les Routes Handlers avec des exercices pratiques
- Maîtriser les paramètres de requête, la redirection automatique, la modification, la suppression de data, les requêtes en cascade, les requêtes parallèles, etc
- Comprendre le Rendu Statique versus le Rendu Dynamique, leurs usages et comment passer de l'un à l'autre
- Comprendre le streaming dans NextJS. Streaming d'une page conjointement avec les skeleton. Le streaming d'un composant avec suspense
- Maîtriser le regroupement de composants dans NextJS
- La recherche avec des paramètres d'URL et avec synchronisation des inputs
- Maîtriser l'accessibilité dans un projet NextJS notamment pour les besoins des technologies d'assistance
Explore related topics
Course content
25 sections • 169 lectures • 23h 52m total length
Requirements
- HTML/CSS
- JavaScript
- React JS
- Aucune connaissance préalable de Next JS n'est requise pour suivre cette formation.
Description
Bienvenue dans la formation qui vous permettra de maîtriser Next.js App Router par la pratique, tout en suivant les conseils et recommandations de ses créateurs, Vercel.
Cette formation, entièrement en français, est conçue pour vous guider pas à pas dans l’apprentissage des concepts clés de Next.js App Router. Que vous soyez débutant ou développeur confirmé, elle vous permettra de monter en compétences et de rester à la pointe de la technologie.
Pourquoi apprendre Next.js ?
- L’évolution de React: Désormais, les compétences en React ne suffisent plus. Cela est parfaitement corroboré par les créateurs de React.js qui, recommandent l'utilisation de React avec les méta-frameworks comme Next.js. L’abandon de "Create React App" par ces mêmes créateurs de React est une autre indication sur le virage que prend React pour les années à venir et qui consiste à devenir une simple dépendance de Next.js.
- Des applications web Fullstack performantes : Next.js est le framework incontournable pour créer des applications web modernes, rapides et performantes. Il offre un ensemble de fonctionnalités avancées comme le routage, le rendu côté serveur, l'optimisation des performances, et bien plus encore, pour développer des projets robustes et optimisés.
- Un avantage concurrentiel: Les recruteurs recherchent des développeurs maîtrisant Next.js pour leurs projets. En vous formant à Next.js App Router, vous boosterez votre carrière et augmenterez vos opportunités professionnelles pour les années à venir.
Déroulement de la formation
1. Introduction et présentation d'un projet Next.js.
2. Initialisation d’un projet avec App Router.
3. Travaux pratiques : Styling, Routage, codage d'une application CRUD, API, Les bases de données SQL (PostgreSQ), NoSQL (MongoDB), Routes Handlers.
4. Rendu statique et rendu dynamique.
5. Plusieurs exercices sur les Actions Serveur et leurs implémentations.
6. Optimisation et déploiement sur Vercel.
7. Concepts avancés : Streaming, hooks personnalisés, recherche, pagination, la gestion des erreurs, authentification, l'accessibilité, les métadatas et bien plus encore.
Voici un aperçu des différents sujets abordés dans cette formation:
- Routage avancé avec App Router : Initialisation de projets, gestion des layouts, routes statiques et dynamiques, navigation entre pages.
- Composants côté serveur et côté client: Découvrez les "Server Components" et "Client Components" et apprenez à les utiliser efficacement.
- Optimisation des performances : Gestion des images, polices, icônes et autres techniques d’amélioration des performances.
- Rendu statique et dynamique : Maîtrisez les différences et apprenez à utiliser le streaming pour vos projets.
- Gestion des bases de données : Travaux pratiques avec MongoDB, Prisma, SQL, et NoSQL pour des applications complètes codées de A à Z.
- Authentification et sécurité : Implémentation de NextAuth, protection des routes et hachage des mots de passe.
- Déploiement : Mettez en ligne vos applications sur Vercel, la plateforme créée par les auteurs de Next.js, et bien plus encore.
- Pour plus de renseignement, regardez la vidéo de présentation.
Ce que vous gagnerez à la fin de cette formation
- Une maîtrise complète de Next.js App Router.
- La capacité de travailler sur des projets modernes en entreprise.
- Des bases solides pour devenir un développeur Fullstack.
- Et une longueur d’avance sur le marché du travail par rapport aux simples développeurs React ;-)
Pourquoi choisir cette formation ?
- Pédagogie claire et didactique : Chaque concept est expliqué en détail avec des exemples concrets, des visuels et des exercices pratiques.
- Projets réels : Nous allons travailler sur deux applications complètes, ainsi qu'un gros projet recommandé par Vercel pour l'apprentissage de Next.js App Router.
- Évaluations: Plusieurs Quiz sont prévus pour évaluer les connaissances acquises tout au long de la formation.
- Support de cours complet et ressources : Plus de 80 pages en PDF contenant des explications, des diagrammes et des ressources utiles accessible en téléchargement + les trois applications codées dans la formations.
- Formateur expérimenté et développeur Senior avec plusieurs années d'expérience.
Prérequis
- Connaissances de base en HTML, CSS
- Connaissances en JavaScript (ES6+).
- Notions fondamentales en React.js.
Outils Indispensables:
- Un éditeur de code comme Visual Studio Code.
- Une version récente de Node.js installée.
- Un navigateur web à jour (Google chrome)
- Une connexion Internet
Voilà les amis, une nouvelle ère où React.js ne suffit plus vient de démarrer. Désormais, vous devez absolument maîtriser Next.js, non seulement pour être à jour dans vos connaissances, mais aussi pour pouvoir continuer à être compétitif sur le marché du travail et opérationnel en entreprise.
Si vous êtes déterminés à monter en compétence sur une vraie technologie d'avenir, rejoignez moi dans cette nouvelle formation à la découverte de la récente version Next.js pour devenir un véritable développeur Fullstack de premier choix. Celui-là même que les recruteurs s'arrachent massivement en ce moment même.
Démarrez votre apprentissage et positionnez-vous comme un développeur de premier choix !
PS : Pensez à regarder la vidéo de promotion pour obtenir un aperçu global des différents chapitres et sujets abordés dans cette formation.
Who this course is for:
- Pour les développeurs souhaitant monter en compétence sur une technologie d'avenir et créer des applications robustes prêtes pour la production.
- Les développeurs qui souhaitent coder des applications Full-Stack en utilisant leurs compétences en JavaScript et React
- Les développeurs web qui souhaitent franchir une étape supplémentaire pour devenir des développeurs Full-Stack et maîtriser les technologies les plus populaires et les plus demandées en ce moment sur le marché du travail.