Next.js — pages, layout et rendu serveur
Créez une application Next.js avec l'App Router : pages, layout partagé, navigation et images optimisées.
15 leçons · 4 h 17 · Niveau junior · 100 % gratuit
Ce que vous saurez faire
- Initialiser un projet Next.js et comprendre la structure app
- Créer une page, un layout et une route dynamique
- Naviguer sans rechargement avec le composant Link
- Afficher des images optimisées avec next/image
Prérequis
- Maîtriser les composants React et les props
- Savoir lancer une commande npm
un catalogue de randonnées : page d'accueil, page de détail par itinéraire et layout commun avec en-tête
Programme
1 Démarrer avec Next.js et l’App Router 3 leçons
2 Construire les pages du catalogue 3 leçons
3 Partager une structure et naviguer 3 leçons
4 Afficher des images optimisées 3 leçons
5 Projet pratique : finaliser le catalogue 3 leçons
Validation du cours
Un quiz de 12 questions vérifie que le parcours est acquis. Il faut 80 % de bonnes réponses pour valider le cours. Les tentatives sont illimitées, seul le meilleur score est conservé.
Envie d'aller plus loin ?
Les cours Enovatic sont gratuits et le resteront. Si vous cherchez un accompagnement encadré, nos formations professionnelles sont animées par les mêmes formateurs.