← Tous les cours Développement Web Frontend • Intermédiaire

Next.js : les bases complètes du framework React

Un cours complet pour apprendre Next.js : installation, App Router, pages, layouts, navigation, Server Components, Client Components, routes dynamiques, loading, error, not-found, metadata SEO, images, fonts, Route Handlers, Server Actions, formulaires, API, authentification, base de données et déploiement.

Présentation

Ce que vous allez apprendre

Ce cours Next.js est conçu pour les développeurs qui connaissent déjà les bases de React et souhaitent créer des applications web modernes, rapides, optimisées pour le SEO et capables de gérer à la fois le frontend et certaines logiques backend. Le cours couvre l'installation avec create-next-app, la structure d'un projet Next.js, l'App Router, les pages, les layouts, les composants serveur et client, la navigation, les routes dynamiques, les fichiers spéciaux loading, error et not-found, les métadonnées SEO, l'optimisation des images et polices, les Route Handlers pour créer des endpoints API, les Server Actions, les formulaires, la connexion à une base de données, l'authentification, la sécurité, la performance et le déploiement. À la fin, l'apprenant sera capable de créer une application Next.js complète, professionnelle, connectée à des données et prête pour la production.

Comprendre le rôle de Next.js dans l'écosystème React
Créer un projet Next.js moderne avec create-next-app
Comprendre la structure app/, public/ et les fichiers de configuration
Créer des pages avec App Router
Créer des layouts partagés
Comprendre Server Components et Client Components
Créer une navigation avec Link et useRouter
Créer des routes dynamiques
Gérer loading, error et not-found
Configurer les métadonnées SEO
Optimiser les images avec next/image
Optimiser les polices avec next/font
Créer des API avec Route Handlers
Utiliser les Server Actions
Créer des formulaires modernes
Récupérer des données depuis une API ou une base de données
Comprendre le cache, revalidate et le rendu dynamique
Mettre en place les bases d'une authentification
Appliquer les bonnes pratiques de sécurité
Déployer une application Next.js
Programme

Modules et leçons

Ressources

Liens et supports utiles

Continuer

Cours liés

R Recherche WA WhatsApp @ Email IG Instagram