# Ta première app avec Claude Code, en 20 minutes

Ce kit vient de la formation « Mon premier SaaS avec Claude Code ». Il contient trois fichiers :

- `README.md` : ce guide.
- `CLAUDE.md` : les règles que Claude lit au démarrage de chaque session. À poser à la racine de ton projet.
- `prompt-pack.md` : 20 prompts prêts à coller, classés par étape.

Tu n'as jamais codé ? Parfait, c'est pour toi. Compte 20 minutes et un café.

## Il te faut

- Un ordinateur, Mac, Windows ou Linux.
- Un abonnement Claude Pro (20 $ par mois) ou une clé API Anthropic.
- Un navigateur et une connexion.

## Étape 1 : installer Node (5 min)

Node fait tourner le code sur ta machine.

1. Va sur https://nodejs.org et télécharge la version marquée « LTS ».
2. Installe-la comme n'importe quel logiciel. Clique « Suivant » jusqu'au bout.
3. Ouvre un terminal : sur Mac, l'app « Terminal » ; sur Windows, « PowerShell » ; sur Linux tu sais déjà.
4. Tape `node -v` puis Entrée. Tu dois voir un numéro de version. Sinon, ferme et rouvre le terminal.

## Étape 2 : installer Claude Code (3 min)

Dans le même terminal :

```
npm install -g @anthropic-ai/claude-code
```

Puis :

```
claude
```

La première fois, Claude t'ouvre une page pour te connecter à ton compte. Connecte-toi, reviens au terminal. Tape `/exit` pour sortir.

## Étape 3 : créer ton dossier de projet (2 min)

Toujours dans le terminal :

```
mkdir ma-premiere-app
cd ma-premiere-app
```

Copie le fichier `CLAUDE.md` de ce kit dans ce dossier. Sur Mac ou Linux, si le kit est dans Téléchargements :

```
cp ~/Downloads/CLAUDE.md .
```

Sur Windows, glisse le fichier dans le dossier avec l'Explorateur.

## Étape 4 : ton premier prompt (10 min)

Lance Claude dans le dossier :

```
claude
```

Colle ce prompt, c'est le numéro 6 du prompt-pack :

```
Crée un projet Next.js avec TypeScript et Tailwind dans ce dossier. Pas de dépendance en plus. Lance-le et dis-moi quelle adresse ouvrir dans le navigateur. Ensuite, attends.
```

Claude va te demander la permission d'exécuter des commandes. Lis ce qu'il propose, puis accepte. Quand il te donne une adresse du genre `http://localhost:3000`, ouvre-la dans ton navigateur.

Tu vois une page. Elle est à toi.

## Étape 5 : la rendre à toi (5 min)

Dans la même session, colle le prompt numéro 7 en remplaçant le nom :

```
Remplace la page d'accueil par une page simple avec : le nom [nom du produit], une phrase qui dit à quoi ça sert, et un bouton « Essayer ». Couleurs sobres, une seule police. Montre-moi le résultat avant d'aller plus loin.
```

Recharge le navigateur. Si quelque chose ne te plaît pas, dis-le à Claude comme tu le dirais à un collègue : « le bouton est trop gros », « mets le titre en noir ».

## Ensuite

- Tape `/exit`, puis `git init` suivi de `claude` et demande-lui : « Fais un premier commit ». Tu viens de sauvegarder ton travail.
- Ouvre `prompt-pack.md` et suis l'ordre : cadrer, construire, vérifier, mettre en ligne.
- Quand ça casse, et ça va casser, prompt numéro 16. Colle l'erreur en entier.

## Si tu bloques à l'installation

- `node -v` ne répond pas : redémarre le terminal, ou l'ordinateur.
- `npm install -g` refuse sur Mac ou Linux : relance avec `sudo` devant et ton mot de passe.
- Claude ne se connecte pas : vérifie que tu es connecté à claude.ai dans le navigateur avec le bon compte.

La suite, avec des comptes utilisateurs, un paiement Stripe et une vraie mise en ligne, c'est la formation. Première cohorte en janvier 2027, 20 places. Les infos sont sur la page /formation du site.