Comment j'ai construit ce blog avec Claude Code
Il y a quelque chose d'un peu vertigineux à écrire un article sur l'IA appliquée au développement, sur un blog dont la quasi-totalité du code a été écrite en conversation avec un assistant IA. Autant assumer la transparence : voici comment ce site a été construit, et ce que ça m'a appris sur le processus lui-même.
Le scaffold initial
Le point de départ a été classique : Next.js, TypeScript, Tailwind CSS,
next-intl pour le bilingue français/anglais, MDX pour le contenu. Rien
d'original dans le choix technique. Ce qui a changé, c'est la vitesse à
laquelle ce scaffold est devenu un site fonctionnel : structure des routes,
proxy pour la redirection de langue, génération statique des pages, tout a
été posé en une conversation, avec des allers-retours pour corriger les
inévitables pièges de version (Next 16 renomme middleware.ts en proxy.ts,
par exemple, un détail qui casse silencieusement si on ne vérifie pas la
documentation à jour).
Le design : itérer vraiment, pas juste accepter
C'est là que la collaboration a été la plus intéressante. Le premier jet de design était sobre, presque austère. Mon retour a été direct : trop sobre, pas assez soigné. Plusieurs itérations plus tard, en passant par une direction éditoriale (typographie serif, palette crème et bordeaux) avant de converger vers une identité plus proche des produits tech que j'admire (Stripe, Linear, Vercel) : typographie sans-serif massive, haute densité de contraste, un seul accent vif.
Ce qui a fait la différence, ce n'est pas d'accepter la première proposition, mais de donner des retours précis et parfois contradictoires en apparence (« pas de couleur, pas de photo » après une itération trop minimaliste, puis « encore trop sobre » sur l'itération suivante). Chaque retour a affiné la compréhension de ce que je voulais réellement, sans que je sache le formuler d'un coup.
| Itération | Direction | Ce qui n'allait pas |
|---|---|---|
| 1 | Minimaliste marine/ivoire | Trop sobre, manque de caractère |
| 2 | Éditorial (serif, crème/bordeaux) | Toujours perçu comme trop sobre |
| 3 | Sans-serif massif, style Stripe/Linear/Vercel | Pas assez de couleur ni de photo |
| 4 | Version actuelle : accent bleu renforcé, portrait visible, CTA de contact | Ajustements ponctuels en continu |
Le contenu : partir de ce qui existe déjà
Plutôt que de générer du contenu générique, la démarche a été d'aller chercher mes vrais posts LinkedIn, mes vrais projets GitHub, mes vraies notes de club d'échecs, et de les transformer en articles plus développés. Rien n'a été inventé : chaque anecdote (le club de Bois-Colombes, la formation Claude Code chez SFEIR, le Skill de documentation vivante) est réelle, simplement reformulée pour un format blog plutôt qu'un post court.
Ce que ça change dans ma façon de voir l'outil
Ce projet illustre exactement ce dont parle l'article « L'IA n'est pas un générateur de code, c'est un partenaire de réflexion » : la qualité du résultat n'a pas dépendu du modèle utilisé, mais de la précision de mes retours et de ma volonté de recommencer plusieurs fois plutôt que de me satisfaire d'une première version correcte. Un site entièrement généré sans itération aurait été plus rapide à obtenir, et probablement moins représentatif de ce que je voulais vraiment montrer.