Démarrer un nouveau projet

Pour démarrer un nouveau projet avec Next.js, naviguez vers le dossier où vous souhaitez conserver votre projet et exécutez la commande suivante dans votre terminal :

Cette commande configurera une application Next.js pour vous en utilisant create-next-app, un outil d'interface en ligne de commande (CLI). En utilisant le drapeau --example avec l'exemple de modèle pour ce cours, vous aurez accès à un modèle pré-construit que vous pouvez utiliser comme base de votre projet.

Exécuter le serveur de développement

Pour voir l'application localement, exécutez le serveur de développement en utilisant la commande fournie ci-dessous :

Vous pouvez voir la page d'accueil en ouvrant l'URL suivante http://localhost:3000/ dans votre navigateur. Elle devrait apparaître comme ceci :

Dans le prochain chapitre, nous allons explorer la structure des dossiers de fichiers du projet.

En Pratique