YOAT Lab
04 · Module 1 — Environnement

Initialiser un projet Claude Code

Un dossier propre, un fichier CLAUDE.md de démarrage,
et la première vraie session de travail avec l'agent.

5 minutesDossier ProjectsCLAUDE.md initial
§01 · Pourquoi structurer dès le départ

Le projet est l'unité de travail de Claude Code

Claude Code travaille à l'échelle du dossier. Quand vous lancez la commande claude depuis un répertoire, ce dossier devient son périmètre de lecture et d'action. Pas de mémoire entre projets, pas de croisement entre dossiers. Tout commence par bien définir cet espace.

Conséquence pratique

Ne lancez jamais Claude Code depuis votre racine utilisateur ou votre Bureau. Toujours depuis un dossier projet dédié, avec un nom clair, dans un emplacement stable. C'est ce qui distingue un usage propre d'une cuisine qui devient vite ingérable.

§02 · L'organisation recommandée

Un dossier Projects centralisé

Tous vos projets Claude Code dans un seul dossier parent. Une convention simple qui vous évitera de chercher où vous avez mis quoi dans six mois.

macOS / Linux

~/Projects/

Dans votre dossier home. Chaque projet en sous-dossier : ~/Projects/mon-app/, ~/Projects/dashboard-client/, etc.

Windows

%USERPROFILE%\Projects\

Dans votre profil utilisateur. Chaque projet en sous-dossier. Évitez les espaces et caractères accentués dans les noms.

Cette convention n'est pas obligatoire mais elle s'impose dès qu'on dépasse deux ou trois projets. Adoptez-la tout de suite, c'est gratuit.

§03 · Démo — un projet prêt en 5 minutes

Du mkdir à Claude qui comprend

1

Créer la structure

mkdir mon-app && cd mon-app puis git init. La base est posée.

2

Écrire CLAUDE.md

Stack, conventions, architecture, à ne pas faire. Le contrat avec Claude pour ce projet.

3

Vérifier l'arborescence

tree -L 2 pour visualiser. CLAUDE.md, src/, tests/, .gitignore, .env.example.

4

Lancer claude

Première commande claude dans le dossier. CLAUDE.md détecté, contexte chargé.

— Terminal — eric@MBP ~/projets $ mkdir mon-app eric@MBP ~/projets $ cd mon-app eric@MBP ~/projets/mon-app $ git init Initialized empty Git repository eric@MBP ~/projets/mon-app $ touch CLAUDE.md eric@MBP ~/projets/mon-app $ tree -L 2 . ├── CLAUDE.md ├── .git/ ├── src/ │ ├── components/ │ ├── lib/ │ └── pages/ ├── tests/ ├── .env.example ├── .gitignore └── package.json eric@MBP ~/projets/mon-app $ claude ✻ Claude Code — session prête CLAUDE.md détecté · contexte chargé 📄 CLAUDE.md Édité dans VS Code Mon App — Dashboard interne YOAT ## Stack technique - Frontend: Next.js 15 + Tailwind - Backend: Supabase (PostgreSQL) - Auth: Supabase Auth - Tests: Vitest + Playwright ## Conventions de code - TypeScript strict mode activé - Composants en PascalCase - Hooks préfixés use* - ESLint + Prettier (configs fournies) ## Architecture - src/components/ui = composants génériques - src/components/app = composants métier - src/lib/ = fonctions partagées, clients - src/pages/ = routes Next.js ## À ne pas faire - Pas de useEffect pour le data fetching (utiliser React Query) - Pas de any TypeScript - Pas de console.log en commit ## Tests requis - Composants avec logique : unit tests - Parcours critiques : E2E Playwright ## Contexte projet Dashboard pour 12 commerciaux : CRM, pipeline, reporting hebdo automatisé.
§04 · Créer un projet — pas à pas

Quatre commandes pour tout poser

1.
Créer le dossier projet. Depuis le terminal : mkdir -p ~/Projects/mon-projet && cd ~/Projects/mon-projet. Vous êtes maintenant dans un dossier vide, prêt à recevoir vos premiers fichiers.
2.
Initialiser Git. git init. C'est facultatif au tout début, mais devient indispensable dès qu'on touche à du code sérieux. Avec Git, chaque modification de Claude peut être inspectée et annulée.
3.
Créer le CLAUDE.md. touch CLAUDE.md (macOS/Linux) ou New-Item CLAUDE.md (Windows). Ce fichier est l'équivalent des Instructions des Projects sur claude.ai : Claude le lit au démarrage de chaque session.
4.
Lancer Claude. Tapez claude. Claude détecte le CLAUDE.md s'il existe, le lit, et démarre la session avec ce contexte. Vous êtes prêt à travailler.
§05 · Le fichier CLAUDE.md

Le contexte permanent de votre projet

CLAUDE.md est l'équivalent technique des Instructions de Projects sur claude.ai. Claude Code le lit au début de chaque session et le garde présent à l'esprit tout au long du travail. Bien rédigé, il évite de réexpliquer le contexte à chaque interaction.

Section 1

Contexte du projet

Une à trois phrases sur ce que le projet fait et pour qui. Évite les hallucinations sur la finalité.

Section 2

Stack technique

Langages, frameworks, bibliothèques principales. Versions si elles comptent (Node 20, Python 3.12).

Section 3

Conventions de code

Style préféré, nommage des fichiers, organisation des dossiers. Préciser ce qui vous tient à cœur.

Section 4

Contraintes et préférences

Choses à ne pas faire (ne pas créer de tests inutiles, ne pas ajouter de bibliothèques sans demander, etc.)

§06 · Exemple de CLAUDE.md

Un modèle de départ

# Projet — Dashboard client X

## Contexte
Tableau de bord interne pour suivre les missions
en cours et les indicateurs financiers du cabinet.
Utilisateurs : équipe de 5 personnes, profil
gestionnaire.

## Stack
- React 18 + Vite 5
- Supabase (Postgres + Auth)
- Tailwind CSS + shadcn-ui
- Node 20 LTS

## Conventions
- Composants en PascalCase, hooks en camelCase
- Un composant par fichier
- Pas de fichier index.js dans les dossiers

## Contraintes
- Pas d'ajout de bibliothèques sans demander d'abord
- Pas de console.log laissés en production
- Toujours expliquer le pourquoi avant le code
Évolutif, pas figé

Commencez avec un CLAUDE.md court (10 à 20 lignes). Enrichissez-le au fil des sessions quand vous remarquez que Claude oublie systématiquement la même chose. C'est un document vivant, pas une charte définitive.

§06 · Première session — bonnes pratiques

Trois réflexes dès maintenant

1

Activer le mode plan d'emblée

Shift+Tab à l'entrée de session. Cela évite que Claude commence à créer des fichiers avant que vous ayez validé sa compréhension.

2

Premier commit immédiat

Dès qu'un état fonctionne, faire un git commit. Cela crée un point de retour si une étape suivante casse quelque chose.

3

Une session = un objectif

Ne pas mélanger ajout de fonctionnalité, correction de bug et refactoring dans la même session. Ouvrir une nouvelle session par objectif.

Fin · Leçon 04 acquise

Cap sur la leçon 05

Vous avez un dossier projet, un fichier CLAUDE.md, et savez démarrer une session. La leçon suivante installe Visual Studio Code et ses extensions essentielles pour travailler côte à côte avec Claude Code.

Leçon suivante → 05 · Setup Visual Studio Code
Quiz · Validation des acquis

Quiz · Initialisation d'un projet

8 questions · une seule bonne réponse par question · vous pouvez recommencer autant de fois que nécessaire.

1 / 8
Question à choix multiple

Depuis quel endroit faut-il lancer Claude Code ?

Cliquez sur lecture pour démarrer.
§00 · Intro 0:00 / 5:00 Voix activée