Installation et configuration de Next.js

Dans ce tutoriel, nous allons installer Next.js et configurer un environnement de développement optimal pour créer des applications web modernes.

Prérequis système

Avant de commencer, assurez-vous d'avoir :

• Node.js 16.8 ou version ultérieure
• npm, yarn, ou pnpm comme gestionnaire de paquets
• Un éditeur de code (VS Code recommandé)

Vérification de Node.js

node --version
npm --version

Si Node.js n'est pas installé, téléchargez-le depuis nodejs.org.

Méthodes d'installation

1. Create Next App (Recommandé)

La méthode la plus simple pour démarrer :

npx create-next-app@latest mon-app-nextjs
cd mon-app-nextjs
npm run dev

2. Installation avec TypeScript

Pour un projet TypeScript dès le départ :

npx create-next-app@latest mon-app-nextjs --typescript
cd mon-app-nextjs
npm run dev

3. Installation manuelle

Pour plus de contrôle sur la configuration :

mkdir mon-app-nextjs
cd mon-app-nextjs
npm init -y
npm install next react react-dom

Ajoutez les scripts dans package.json :