AI-First
Créer un site avec Claude Code n'a plus rien d'un exploit de développeur. C'est un agent IA en ligne de commande auquel vous décrivez votre site en français, qui écrit le code, corrige ses propres erreurs et le déploie. Je forme des PME françaises à cet outil depuis des mois, et ce que je vois sur le terrain contredit une partie du bruit qui tourne sur YouTube.
- 🏗️ Méthode en 5 étapes, brief, design, génération, itération, déploiement, reproductible en une après-midi.
- ⚠️ Le piège du site générique, sans direction artistique, Claude Code sort toujours le même dégradé indigo-violet et les mêmes trois cartes.
- 💰 Budget réel, abonnement Claude à partir de 17-20 $/mois, hébergement Vercel gratuit, domaine à environ 12 €/an.
- 📈 Preuve chiffrée, sur ai-first.fr, mon article tutoriel Claude Code se classe en position moyenne 8 avec un CTR au-dessus de la moyenne du site.
Sur ai-first.fr, je vois en mai 2026 une position moyenne de 13,8 sur l'ensemble du blog, mais mon article « tuto claude code » ressort en position 8 avec 4 clics sur un volume de recherche encore modeste. Ce n'est pas un chiffre à brandir comme une preuve de popularité, c'est juste un signal honnête : ce sujet est gagnable pour un petit site qui documente ce qu'il fait vraiment, pas pour un site qui promet la lune.
Qu'est-ce que Claude Code, concrètement, pour un non-développeur ?
Claude Code est un agent de codage d'Anthropic qui tourne en ligne de commande ou dans une extension VS Code. Vous lui décrivez un site en langage naturel et il écrit le code source directement, sans passer par un éditeur visuel type Wix ou Squarespace.
La différence avec un créateur de site sans code est structurelle. Un outil comme Wix part d'un template : votre site ressemble à tous les sites construits sur ce même template. Claude Code génère du code sur mesure à partir de votre brief, ce qui produit un résultat personnalisé sans que vous ayez à écrire une ligne.
Pourquoi Claude Code plutôt qu'un constructeur de site classique ?
Parce que le résultat n'est pas plafonné par une bibliothèque de templates. Sur wearetandem.ai, l'équipe raconte être passée de Webflow à Claude Design puis Claude Code pour sortir d'un abonnement figé sur un template et éditer le contenu en langage naturel, avec des routines qui publient du contenu régulièrement. C'est exactement le type de bascule que je constate chez mes clients PME : ils ne cherchent pas un joli site, ils cherchent à arrêter de dépendre d'un prestataire pour chaque modification.
Comment je construis un site avec Claude Code, étape par étape
La méthode que j'utilise en formation PME tient en cinq étapes. Pas de magie en 15 minutes : une séquence rigoureuse, sinon vous récupérez un site qui ressemble à celui du voisin.
Première étape : installer l'environnement. Vous avez besoin de Claude Code (abonnement Pro Anthropic, autour de 17-20 $/mois selon la source et la période) et d'un IDE. Beaucoup de guides recommandent VS Code avec l'extension Claude Code ; selon ascense.ch, certains professionnels préfèrent Antigravity, l'éditeur de Google, pour faire tourner plusieurs chantiers en parallèle dans des fenêtres distinctes pendant que Claude code.
Deuxième étape : le brief. C'est l'étape que la plupart des tutoriels bâclent. Vous devez donner à Claude Code votre charte graphique, votre contenu réel (textes, logo, couleurs), et surtout un système de design, pas juste une instruction. Sans ça, le modèle ignore ce qu'est un design de qualité et applique ses réflexes par défaut.
Troisième étape : la génération. Vous décrivez le site page par page, ou en un seul prompt structuré pour un site vitrine simple. Sur r/ClaudeAI, un développeur solo avec dix ans d'expérience raconte préférer démarrer par l'architecture plutôt que par le code : comprendre les briques d'une application solide avant de générer quoi que ce soit, plutôt que foncer et brûler des tokens en vibe coding.
Quatrième étape : l'itération. Vous relisez, vous demandez des ajustements précis ("resserre l'espacement de la section héro", "remplace cette carte par un témoignage client"). C'est là que la vraie valeur se joue, pas dans le premier jet.
Cinquième étape : le déploiement. L'hébergement se fait le plus souvent sur Vercel. Selon studeria.fr, la commande /deploy du plugin Vercel pour Claude Code publie le site et le met à jour à chaque modification, avec un déploiement de une à deux minutes une fois le projet prêt. Si vous voulez voir cette méthode poussée plus loin, j'ai détaillé comment j'ai cloné un site à 100 000 euros avec Claude Code en 15 minutes sur un cas client réel.
Combien de temps faut-il vraiment pour créer un site avec Claude Code ?
Ça dépend de ce que vous appelez "un site". Un portfolio en HTML/CSS simple peut sortir en une après-midi, déploiement compris. Un site vitrine multipage avec contenu réel, itérations de design et vérification SEO, c'est plutôt trois jours de travail effectif selon ottho.co, pas trente minutes. Je préfère cette estimation à celle des vidéos qui promettent un site "à 10 000 $" en une session : la première version sort vite, la version présentable prend du temps de relecture.
Pourquoi la plupart des sites générés se ressemblent (et comment éviter ça)
Le vrai problème n'est pas la capacité de Claude Code à écrire du code propre, c'est l'absence de direction artistique dans le prompt. Sans instruction spécifique, le modèle produit ce que Jack Roberts appelle sur YouTube "le monstre de l'IA slop" : la même police, le même dégradé indigo-violet, les trois cartes en verre dépoli, le même titre qui sonne comme du charabia générique.
La solution n'est pas un meilleur prompt, c'est un système de design. Vous devez donner à Claude Code des références visuelles concrètes (captures d'écran de sites que vous aimez, une palette de couleurs précise, une typographie choisie à l'avance) avant de lui demander de générer quoi que ce soit. C'est exactement ce que je répète en formation : un outil sans process de cadrage produit du bruit, pas un système.
Cette conviction rejoint ce que je défends sur AI First depuis le début : la valeur n'est jamais dans le modèle seul, elle est dans l'intégration avec un vrai process métier. Un modèle Claude sans brief structuré reste une démo impressionnante mais inutile ; le même modèle avec un cahier des charges clair devient un outil qui produit un résultat livrable.
Une phrase à retenir avant de commencer : ne donnez jamais un prompt vide à Claude Code, donnez-lui un système.
Faut-il utiliser un IDE ou l'application de bureau Claude Code ?
Les deux fonctionnent, le choix dépend de votre profil. L'application de bureau regroupe tout dans une seule fenêtre sans configuration supplémentaire, ce qui convient à un non-développeur qui veut aller vite. VS Code avec l'extension Claude Code affiche les fichiers à gauche et l'agent à droite, ce qui aide si vous voulez comprendre la structure du projet au fur et à mesure, ou si vous croisez plusieurs IA sur le même chantier comme le décrit ascense.ch.
Combien coûte réellement un site fait avec Claude Code ?
Voici les chiffres que je vérifie avec mes clients avant qu'ils ne se lancent, en excluant tout ce qui relève du marketing des vidéos YouTube.
| Poste de dépense | Coût observé | Fréquence | Tendance |
|---|---|---|---|
| Abonnement Claude Pro | 17-20 $/mois | mensuel | → stable |
| Hébergement Vercel (offre Hobby) | 0 € | inclus | → gratuit |
| Nom de domaine personnalisé | ~12 €/an | annuel | → stable |
| Site vitrine simple, temps de montage | 1 après-midi à 3 jours | one-shot | ↓ vs agence web classique |
| Site agence web classique équivalent | 1 500 à 10 000 € | one-shot | ↑ coût multiplié |
SOURCE : ascense.ch, studeria.fr, transcripts cités · MAJ 09/2026
La présence en ligne reste un chantier prioritaire pour les TPE-PME françaises, c'est justement l'axe que porte France Num, le programme public d'accompagnement à la transformation numérique : baisser le coût d'entrée d'un site vitrine correct compte directement dans cette équation.
Sur ce dernier point, un thread r/Dropshipping_France affirme pouvoir créer un site complet pour moins de 100 € avec Claude Code, ce qui recoupe l'ordre de grandeur : abonnement, hébergement gratuit, domaine à douze euros. Selon studeria.fr, Guillermo Rauch, PDG de Vercel, observait en 2026 que 30% des applications hébergées sur sa plateforme provenaient déjà d'agents IA, un signal que ce mode de production dépasse le simple effet de mode.
Ce que les retours d'expérience réels montrent (au-delà de la démo YouTube)
Les vidéos montrent le meilleur cas. Reddit montre la friction réelle, et c'est là que je trouve la matière la plus utile.
Un développeur freelance solo depuis 1998 raconte sur r/developpeurs avoir construit une soixantaine de "skills" Claude Code (des dossiers de configuration que l'agent charge à la demande) pour couvrir chaque casquette de son activité : dev, SEO, sysadmin, facturation. Son avertissement mérite d'être cité : charger ses 60 skills à chaque session consomme 8 à 10 000 tokens de contexte avant même de commencer, alors que 90% ne servent pas à la session en cours. Sa solution est un chargement en trois étages, du global transverse aux snapshots par client, avec un principe de priorité clair. C'est un rappel utile : Claude Code récompense l'organisation, il ne la remplace pas.
Sur r/ClaudeAI, un médecin sans compétence en code raconte avoir enfin mis en ligne un site personnel après des années d'essais infructueux sur des blogs, simplement en collant un fichier HTML dans la conversation et en suivant les instructions pour lier le domaine. C'est le genre de résultat modeste mais réel qui illustre bien ce qu'AI First défend : l'IA n'a pas besoin d'impressionner, elle a besoin de débloquer une tâche concrète que la personne n'arrivait pas à faire seule.
« Claude Code brise ces barrières mentales : c'est extrêmement simple une fois qu'on comprend les bases. »
Laurent Husser, blog lhusser.fr, 2026
Je nuance quand même ce constat rassurant. Sur r/ClaudeCode, un utilisateur hispanophone décrit un site WordPress + Elementor généré avec Claude Code dont la mise en page se désaligne à cause de largeurs mal maîtrisées. C'est le symptôme classique d'un brief insuffisant : sans contraintes de layout précises, l'agent improvise, et l'improvisation casse la structure visuelle sur des CMS lourds comme WordPress. Je recommande d'ailleurs à mes clients de partir sur du code natif (HTML/CSS ou Next.js) plutôt que d'empiler Claude Code sur un CMS existant, justement pour éviter ce genre de friction.
Le vrai gain n'est jamais dans la vitesse de génération, il est dans le temps que vous ne passez plus à attendre un prestataire pour un simple changement de texte.
Quand vaut-il mieux passer par une agence plutôt que par Claude Code seul ?
Dès que le projet dépasse le site vitrine : une boutique e-commerce avec paiement, une application métier avec base de données sensible, ou un site nécessitant une conformité réglementaire poussée. Selon ascense.ch, la méthode Claude Code s'adresse d'abord aux sites vitrine d'entreprises de service, pas à l'e-commerce ni aux applications métier complexes. Pour ces cas, l'accompagnement humain reste préférable, au moins pour la relecture finale : sans relecture, vous récupérez des bugs, des failles de sécurité et un SEO bancal, comme le rappelle justement ce même guide.
Mon verdict après plusieurs mois de formation PME
Créer un site avec Claude Code fonctionne, à condition de traiter l'outil comme un accélérateur d'exécution, pas comme un designer autonome. Les dirigeants de PME que j'accompagne ne cherchent pas une démonstration technique impressionnante, ils cherchent un site qui tourne, qui coûte quelques dizaines d'euros par mois, et qu'ils peuvent modifier eux-mêmes sans rouvrir un ticket chez un prestataire.
Ma conviction reste la même que pour tout projet IA en entreprise : le meilleur système devient invisible, il s'intègre dans le quotidien sans friction. Un site généré par Claude Code qui ressemble à tous les autres n'a rien d'invisible, il saute aux yeux pour de mauvaises raisons. Un site généré avec un vrai brief, une vraie charte et une itération sérieuse, en revanche, passe inaperçu comme travail d'IA, et c'est précisément l'objectif.
Si vous démarrez aujourd'hui, ne commencez pas par le prompt. Commencez par rassembler votre charte graphique, vos textes définitifs et trois références visuelles précises. Le reste, Claude Code s'en charge. Pour un panorama plus large de ce que l'outil sait faire au quotidien, j'ai listé les fonctionnalités Claude Code que la plupart des utilisateurs n'exploitent pas.
Foire aux questions
Faut-il savoir coder pour créer un site avec Claude Code ?
Non. Claude Code écrit le code à partir de vos instructions en langage naturel. Vous devez en revanche fournir un brief clair (contenu, charte graphique, références visuelles) : c'est ce cadrage, pas la compétence technique, qui fait la différence entre un site réussi et un site générique.
Quel abonnement Claude choisir pour créer un site ?
L'abonnement Pro d'Anthropic, autour de 17-20 $/mois selon la période, suffit pour un projet de site vitrine. Si vous atteignez les limites d'usage, notamment en créant plusieurs sites dans la même journée, il faut envisager la formule Max.
Où héberger un site créé avec Claude Code ?
Vercel est la plateforme la plus citée dans les guides et retours d'expérience récents. Son offre Hobby est gratuite et suffit pour un site vitrine, avec un déploiement en une à deux minutes via la commande /deploy du plugin dédié. Un nom de domaine personnalisé coûte environ 12 € par an en plus.
Claude Code peut-il gérer un site e-commerce complet ?
Ce n'est pas son terrain de prédilection. Les guides et retours d'expérience convergent sur le fait que Claude Code excelle pour les sites vitrine d'entreprises de service. Pour un site e-commerce avec paiement et gestion de stock, ou une application métier avec base de données sensible, un accompagnement technique plus poussé reste recommandé.
Comment éviter que mon site ressemble à un site généré par IA ?
En fournissant à Claude Code un système de design avant de générer quoi que ce soit : palette de couleurs précise, typographie choisie, captures d'écran de sites de référence. Sans cette étape, l'agent applique ses réflexes par défaut (dégradé indigo-violet, trois cartes en verre dépoli) qu'on retrouve sur des centaines de sites générés sans direction artistique.
Vidéos YouTube
- Build $10,000 Websites using Claude Code (Ultimate Guide) — Metics Media
- Building Beautiful Websites with Claude Code Is Too Easy — Nate Herk | AI Automation
- The EASY way to build a beautiful website with Claude Code (full workflow) — Create a Pro Website
- Claude Design Now Builds Beautiful $10,000 Websites (NO AI Slop) — Jack Roberts
Discussions Reddit
- Comment j'ai créé un MVP travel-tech avec Claude Code, ChatGPT et la méthode BMAD — r/ClaudeAI
- Vibe Coding : Comment Créer un Site Web Complet pour Moins de 100€ avec Claude Code — r/Dropshipping_France
- Claude made me a 'working' website! — r/ClaudeAI
- Freelance web solo : soixantaine de skills Claude Code — r/developpeurs
- Promts para sitios web — r/ClaudeCode
Articles & ressources
- Faire un site web avec Claude Code (+ prompts) — ascense.ch
- Claude Code : Créez un Site Web Complet en 15 Minutes — lhusser.fr
- Créer un site web avec Claude : du brief au déploiement — ottho.co
- Créer un site sans code avec Claude et Vercel (2026) — studeria.fr
- Créer son site web avec l'IA : Claude Design + Code — wearetandem.ai