Routeur d'application (App Router)

Bienvenue dans le cours Next.js Foundations ! Dans ce cours interactif gratuit, vous apprendrez les principales fonctionnalités de Next.js en construisant une application web full-stack.

Ce que nous allons construire

Pour ce cours, nous construirons un tableau de bord financier comprenant :

• Une page d'accueil publique
• Une page de connexion
• Des pages de tableau de bord protégées par authentification
• La possibilité pour les utilisateurs d'ajouter, modifier et supprimer des factures

Le tableau de bord aura également une base de données associée, que vous configurerez dans un chapitre ultérieur.

À la fin du cours, vous aurez les compétences essentielles nécessaires pour commencer à construire des applications Next.js full-stack.

Aperçu

Voici un aperçu des fonctionnalités que vous apprendrez dans ce cours :

• Stylisation : Les différentes manières de styliser votre application dans Next.js
• Optimisations : Comment optimiser les images, liens et polices
• Routage : Comment créer des layouts et pages imbriqués en utilisant le routage par système de fichiers
• Récupération de données : Comment configurer une base de données Postgres sur Vercel et les bonnes pratiques pour la récupération et le streaming
• Recherche et pagination : Comment implémenter la recherche et la pagination en utilisant les paramètres de recherche d'URL
• Mutation de données : Comment muter des données avec les Actions Serveur React et revalider le cache Next.js
• Gestion des erreurs : Comment gérer les erreurs générales et les erreurs 404
• Validation de formulaire et accessibilité : Comment faire une validation côté serveur et des conseils pour améliorer l'accessibilité
• Authentification : Comment ajouter l'authentification à votre application avec NextAuth.js et Middleware
• Métadonnées : Comment ajouter des métadonnées et préparer votre application pour le partage social

Prérequis

Ce cours suppose que vous avez une compréhension basique de React et JavaScript. Si vous débutez avec React, nous recommandons de suivre d'abord notre cours React Foundations pour apprendre les fondamentaux de React comme les composants, props, state et hooks, ainsi que les nouvelles fonctionnalités comme les Composants Serveur et Suspense.

Configuration requise

Avant de commencer ce cours, assurez-vous que votre système répond aux exigences suivantes :

• Node.js 18.18.0 ou ultérieur installé. Télécharger ici
• Systèmes d'exploitation : macOS, Windows (y compris WSL), ou Linux

De plus, vous aurez besoin d'un compte GitHub et d'un compte Vercel.

Rejoignez la conversation

Si vous avez des questions sur ce cours ou souhaitez faire des retours, vous pouvez interroger notre communauté sur Reddit ou GitHub.