Build
Formation · ta première application

Un site qui ne ressemble pas à un gabarit.

La même demande a été écrite deux fois le 03/09, sur le même métier. La version courte a sorti une page de 51 kilo-octets, dix-neuf prix inventés et trois faux avis clients signés. La version précise a sorti 4 kilo-octets, rien d'inventé sans le dire et c'est la bonne.

Les deux demandes côte à côte, la liste de ce que la vague a inventé sur ton dos, les six lignes qui font la différence, la phrase qui te protège et la vérification sur téléphone.
Avant cette leçon

Tu arrives ici directement ? Ces leçons préparent ce qu'elle suppose (le dossier, les outils installés) :

Touche ton ordinateur ci-dessus : les commandes du guide s'adaptent. Testé sous Windows 11. Les passages Mac suivent la documentation d'Apple et d'Anthropic.

La leçon d'avantChoisir un premier projet qui ne t'enterre pas→

Avant tout : pourquoi tous ces sites se ressemblent

Quand tu ne dis rien de toi, il ne peut pas inventer toi. Alors il produit la moyenne de tout ce qu'il a vu : une grande image, « Bienvenue », trois colonnes de services, des avis clients, une carte. Ce n'est pas de la paresse de sa part. C'est la seule réponse possible à une question qui ne contient aucune information.

Ta demandeen une ligneLa moyennede tous les sitesUn gabaritavec tes mots dedans
Rien dans la demande, donc rien de toi dans la page. Le calcul est direct.

Le problème n'est donc pas le style ou les couleurs : c'est que la page parle d'un salon qui n'existe pas, avec des prix que tu ne pratiques pas et des clientes qui n'ont jamais mis les pieds chez toi.

01

Un dossier vide pour commencer

C'est ton premier projet construit : il part d'un dossier vide. Ouvre un terminal et crée-le, puis lance Claude dedans, comme dans la leçon Ta première session. Quatre blocs, un par un, Entrée après chacun :

Dans le terminal
cd ~
Dans le terminal
mkdir site-salon
Dans le terminal
cd site-salon

Avant de lancer claude, regarde la ligne où tu tapes : elle doit finir par site-salon. Sinon le cd a raté, ne lance rien. Sur Windows, tes Documents sont parfois rangés dans OneDrive : clic droit sur Documents dans l'explorateur, Propriétés, onglet Emplacement, pour le bon chemin.

Dans le terminal
claude
Claude Code ouvert dans le terminal : le dossier en haut, la ligne où l'on écrit en bas
Quand ça a marché, tu vois ça : ton dossier en haut. En bas, la ligne ❯ où tu écris. Chez toi, la deuxième ligne peut citer un autre modèle ou une autre formule. Tu lis « commande introuvable » à la place ? Claude Code n'est pas installé : reprends la leçon d'installation

Tout ce qu'il écrira atterrit dans ce dossier. La page s'appellera index.html : le nom habituel de la page d'accueil d'un site.

Pour voir la page, ouvre le dossier dans l'Explorateur de fichiers (le Finder sur Mac) et double-clique sur index.html : elle s'ouvre dans ton navigateur, comme un vrai site. Après chaque changement, recharge l'onglet (touche F5, dans Safari cmd + R).

cd ~ t'a mis dans ton dossier personnel, celui qui porte ton nom. Le plus court pour y retrouver le dossier : clique dans la barre d'adresse de l'Explorateur, en haut, tape %USERPROFILE%\site-salon puis Entrée.

cd ~ t'a mis dans ton dossier personnel, celui qui porte ton nom. Le plus court pour y retrouver le dossier : dans le Finder, cmd + Maj + G (Aller au dossier), tape ~/site-salon puis Entrée.

Garde ce dossier une fois la page finie : la leçon Le dossier, le repo (le dossier d'un projet avec tout son historique, gardé par git. Il peut être privé ou public) et git le met sous git.

Premium

La suite est dans la formation.

Tu viens de lire la première partie. Il en reste 5, avec les commandes exactes et les pièges à chaque étape :

  1. La même demande, écrite deux fois
  2. Ce que la demande vague a inventé sur ton dos
  3. Les six lignes qui changent tout
  4. La phrase qui te protège
  5. Le regarder sur un téléphone avant de le montrer

29 € une seule fois, accès à vie. 29 € pour les 50 premiers membres, il en reste 35. Ensuite 49 €.

Prendre l'accès à vie