Comment créer un projet react (Next.js)

Créer un Projet Next.js pour Débutants

1. Prérequis

• Avoir Node.js installé sur votre ordinateur (version 18.17 ou ultérieure).

2. Création du Projet

• Ouvrez le terminal (invite de commande) sur votre ordinateur.

• Tapez la commande suivante et appuyez sur Entrée :

  npx create-next-app@latest
  

  Cela démarre un assistant qui va vous guider pour créer votre projet.

• Répondez aux questions qui s'affichent dans le terminal. Par exemple, il vous sera demandé de donner un nom à votre projet. Vous pouvez choisir le nom que vous voulez, comme mon-projet-next.

3. Installation Automatique

• L'assistant va automatiquement installer tout ce dont vous avez besoin pour votre projet Next.js. Cela peut prendre quelques minutes.

4. Démarrer le Serveur de Développement

• Une fois l'installation terminée, entrez dans le dossier de votre projet en tapant :

  cd mon-projet-next
  

  (Remplacez mon-projet-next par le nom que vous avez choisi pour votre projet.)

• Pour démarrer le serveur de développement, tapez :

  npm run dev
  

5. Voir Votre Projet

• Ouvrez un navigateur web et allez à l'adresse http://localhost:3000.
• Vous verrez la page d'accueil de votre nouveau projet Next.js.

6. Modification de la Page d'Accueil

• Ouvrez le dossier de votre projet dans un éditeur de texte (comme Visual Studio Code).
• Trouvez le fichier nommé index.js ou index.tsx dans le dossier pages.
• Modifiez le texte à l'intérieur du fichier pour changer ce qui apparaît sur la page d'accueil de votre site.

7. Expérimentez

• Vous pouvez continuer à modifier le fichier index.js ou index.tsx et d'autres fichiers pour explorer comment fonctionne Next.js.
• Chaque fois que vous sauvegardez vos modifications, rechargez la page dans votre navigateur pour voir le résultat.