Comment j'ai créé ce blog avec l'IA

J'entends beaucoup de copains ou de connaissances qui voient le monde de l'IA de loin, sans trop savoir comment l'aborder. Ils voient passer des trucs sur Twitter, ils entendent parler de ChatGPT ou Claude, mais concrètement... ils savent pas par où commencer.

C'est pour eux que "j'ai" fait ce blog, et aussi parce que c'est sympa.

Les chiffres

11 420 lignes de code générées
72 fichiers TypeScript/React
41 composants réutilisables
~12 heures de travail total
100% du code écrit par Claude Code

Ce qui fait tourner le blog

Stack :

Next.js 14 pour le Framework React
TypeScript pour le typage
Tailwind CSS pour le style
Vercel pour l'hébergement (gratuit)
Giscus pour les commentaires via GitHub
MDX pour les articles enrichis

Mon workflow

1. Je crée un repo GitHub

Classique. Un repo vide.

2. Je vais sur Claude Code Cloud

Je connecte mon repo GitHub à Claude Code. C'est simple : tu lies ton compte GitHub, tu choisis le repo, c'est parti.

3. Je commence à discuter

Je parle avec Claude (Opus 4.5) :

"Je veux créer un blog sur l'IA."

4. Il propose, je valide

Il réfléchit, il propose des idées :

"Je te propose un design neo-brutaliste avec une palette crème et bleu cobalt..."
"Pour la gamification, on pourrait avoir des badges, un système de niveaux, des streaks..."
"Tu veux que les utilisateurs puissent marquer des concepts comme maîtrisés ?"

Je lis, je réagis, j'ajuste. Quand je suis content de la direction, je dis juste : "Ok, allons-y."

5. Il code, moi je fais autre chose

Claude écrit le code. Pas sur ma machine, directement sur le Cloud. Je peux fermer mon navigateur, aller manger, dormir.

6. Preview sur Vercel

Une fois le code écrit, Claude le push automatiquement sur une Branch Git. Vercel détecte le push et génère une preview.

Je clique sur le lien, je vois le résultat en live. Pas besoin d'installer quoi que ce soit en local.

7. Merge et on recommence

Satisfait ? Je vais sur GitHub, je merge la branche. Le site est deployé.

Pas satisfait ? Je lance une nouvelle conversation ou je reste sur la meme, et on itère.

Ce que ça change

Le temps

Ce blog m'aurait pris des semaines en dev traditionnel. Là, je l'ai fait sur mon temps libre, en plusieurs sessions de 1-2 heures. Total : environ 12 heures.

La charge mentale

J'ai pas eu à :

Configurer Webpack/Vite
Debugger des erreurs TypeScript
Chercher sur Stack Overflow comment centrer une div
Me battre avec les Dépendances npm

J'ai juste eu à réfléchir à ce que je voulais.

La qualité du code

Je m'en fichais un peu lol. On pourrait rendre ca propre mais ca m'interesse pas vraiment.

Le résultat

T'es en train de le lire. Ce blog avec :

Un système de Gamification complet (badges, XP, niveaux, streaks)
Des concepts à maîtriser avec suivi de progression
Des parcours d'apprentissage guidés
Un mode sombre et des options d'Accessibilité
Une PWA installable sur mobile

Tout ça, généré par une IA à partir de conversations en français.

La suite

Ce premier article pose le contexte. Les prochains vont rentrer dans le concret : comment bien prompter, comparatif des outils IA, tutoriels pratiques.

Le but de ce blog, c'est de te montrer que l'IA c'est pas un truc lointain et inaccessible. C'est un outil. Puissant, certes, mais un outil.

Et comme tout outil, ça s'apprend.

Etant donne que le texte a en majorite ete ecrit par Claude, sauf certaines phrases dont celle ci, l'article fait tres "AI Slop" mais c'est pas tres grave. Si vous voyez des fautes d'ortographes c'est de moi.

T'as des questions sur la création de ce blog ? Pose-les dans les commentaires.