Créer un site web avec Claude Code en 2026 : le guide complet

Tu as besoin d'un site web pour ton activité. Tu demandes un devis à une agence : 5 000 à 10 000 euros, 3 mois de délai. Tu testes Wix ou Squarespace : c'est rapide à mettre en place mais tu butes sur les personnalisations et le SEO. Tu cherches une troisième voie.

Cet article te montre comment Claude Code, l'IA de codage d'Anthropic, change cette équation. On parle d'un site sur mesure, déployé sur Vercel, à ton image, construit en 1 à 2 semaines, sans dépendre d'une agence et sans subir les limites des builders no-code. C'est la méthode qu'on enseigne chez Audiaa, agence IA et No Code à Rennes, et c'est aussi celle qu'on utilise pour nos propres projets.

Qu'est-ce que Claude Code, en 2 lignes

Claude Code est une CLI (un outil ligne de commande) où tu décris en français ce que tu veux, et l'IA écrit le code à ta place, le teste, le corrige. Tu n'écris pas une seule ligne de code par toi-même. Tu pilotes, tu valides, tu itères. Pour le contexte plus large, regarde notre article sur la formation Claude Code pour pros non-devs.

La méthode qui suit suppose que tu as déjà installé Claude Code et que tu as un compte GitHub gratuit. Si ce n'est pas le cas, fais-le avant de lire la suite.

Étape 1 : définir le périmètre de ton site

Avant de toucher à Claude Code, prends 30 minutes pour répondre à ces questions, sur une simple feuille A4 :

• Combien de pages au maximum ? Pour un site vitrine d'agence ou d'artisan, 4 à 6 pages suffisent (Accueil, Services, À propos, Contact, et 1 ou 2 spécifiques). Plus, tu te disperses.
• Quel est l'objectif principal ? Générer des leads via formulaire ? Présenter une offre catalogue ? Construire ton autorité éditoriale ? Choisis UN objectif.
• Quelle action veux-tu que le visiteur fasse ? Te contacter, télécharger un guide, réserver un appel, s'inscrire à une newsletter. UN seul CTA principal par page.
• À quoi ressemble ton site idéal ? Liste 3 à 5 sites que tu trouves bien faits dans ton secteur. Ce sont tes références visuelles.

Sans ce cadrage, tu vas demander à Claude Code de construire un site "moderne et professionnel" et tu seras déçu. Avec ce cadrage, tu peux donner des instructions précises.

Étape 2 : préparer ta charte graphique

Le visuel d'un site IA dépend de la qualité du brief que tu donnes. Concrètement, tu veux préparer :

• Une palette de 4 à 6 couleurs avec leurs codes hexadécimaux (par exemple : primary #2563EB, accent #DBEAFE, texte #0F172A, fond #FFFFFF)
• Deux polices Google Fonts au maximum (une pour les titres, une pour le corps de texte)
• Un logo au format SVG ou PNG haute résolution
• 3 à 5 photos qui représentent ton activité (issues d'Unsplash, de Nano Banana via fal.ai, ou de tes propres clichés)

Tu peux écrire tout ça dans un fichier `charte.md` à la racine de ton projet. Claude Code le lira automatiquement et s'en servira comme source de vérité visuelle pendant tout le développement. C'est comme ça qu'on a fait pour ce blog Audiaa, par exemple.

Étape 3 : utiliser Claude Code pour construire le site

Maintenant, le développement. Voici la séquence de prompts qu'on enseigne :

Prompt 1, structure. « Crée un site web statique HTML/CSS/JS pour mon activité [nom et secteur]. Charte dans charte.md. 4 pages : index.html, services.html, apropos.html, contact.html. Nav et footer partagés. Mobile-first. »

Prompt 2, contenu. Tu lui donnes les textes que tu as déjà écrits ou tu lui demandes des suggestions à valider. Important : tu RELIS et tu CORRIGES. Claude Code écrit du contenu correct mais ce n'est pas ton ton de marque. Tu es le directeur éditorial.

Prompt 3, raffinements visuels. Itération sur le rendu : « Le hero de la page d'accueil est trop chargé. Réduis à un titre, une accroche, un CTA. Aligne sur la baseline de la charte. » Tu fais 5 à 10 tours d'itération comme ça.

Prompt 4, formulaire de contact. « Ajoute un formulaire de contact en bas de la page contact, qui poste sur /api/contact. Crée aussi /api/contact en Vercel Function (Node.js) qui envoie un mail via Resend (compte gratuit). »

Prompt 5, SEO de base. « Ajoute meta title et meta description uniques par page. Schema.org LocalBusiness sur la home. Open Graph et Twitter Card sur toutes les pages. Sitemap.xml et robots.txt. »

Compte 4 à 6 jours-homme cumulés pour cette étape, étalés sur 1 à 2 semaines selon ton temps disponible.

Étape 4 : déployer sur Vercel et brancher ton domaine

Vercel est l'hébergeur naturel pour les sites construits avec Claude Code. Setup en 4 étapes :

1. Créer un compte Vercel gratuit (sign up avec ton compte GitHub)
2. Pousser ton code sur GitHub (Claude Code te guide sur les commandes git si besoin)
3. Connecter le repo à Vercel (Import project, choisir ton repo, déploiement automatique en 30 secondes)
4. Brancher ton domaine custom dans Vercel : Settings → Domains → ajouter ton domaine + suivre les instructions DNS chez ton registrar (OVH, Gandi, Namecheap)

Coût total hébergement : 0 EUR par mois sur le plan Hobby de Vercel pour un site vitrine. À envisager Pro à environ 20 EUR par mois si tu as plus de 10 000 visiteurs par mois.

Étape 5 : mesurer et itérer

Un site web n'est jamais terminé. Pour avancer dans le bon sens, mets en place dès la mise en ligne :

• Google Analytics 4 ou Plausible pour mesurer le trafic, les pages les plus vues, les sources de visite
• Google Search Console pour vérifier que Google indexe bien tes pages et voir tes premières impressions sur tes mots-clés cibles
• Test de vitesse sur PageSpeed Insights tous les mois (cible : score > 90 sur mobile)
• Suivi des conversions : combien de leads par mois via ton formulaire ? Quelle source les amène ?

Avec ces données, tu reviens dans Claude Code tous les mois pour itérer : ajouter une page de cas client qui marche bien, optimiser un titre H1 sur une page sous-performante, etc.

Pour qui c'est pertinent (et pour qui ce n'est pas)

Pour qui Claude Code est rentable pour faire son site :

• Indépendants, artisans, freelances qui veulent un site moderne sans payer 5 000 EUR à une agence
• TPE/PME avec un référent technique en interne (ou motivé pour le devenir)
• Agences débutantes qui veulent un site irréprochable avant d'avoir le budget agence

Pour qui ce n'est PAS la bonne approche :

• Entreprises qui ont déjà 30 000 EUR budget site : autant prendre une agence qui te livrera un site pro avec garanties
• Sites e-commerce avec catalogue de plus de 100 produits : Shopify ou WooCommerce sont mieux adaptés
• Pros qui n'ont aucune appétence pour la technique : Wix ou Squarespace seront plus rassurants

Et maintenant ?

Tu as deux options pour avancer.

Option 1, autoformation : Anthropic propose des tutos officiels gratuits sur Claude Code. Tu peux te lancer seul si tu es à l'aise avec un terminal et un compte GitHub. Compte 1 à 2 mois pour atteindre le niveau de la méthode ci-dessus.

Option 2, formation accompagnée : notre formation Claude Code à Rennes couvre le programme en 5 jours, avec un suivi 3 mois pour t'aider à industrialiser. Idéal si tu veux gagner du temps.

Tu veux qu'on en discute ? Parlons de votre projet en 30 minutes. Et si tu veux explorer le coût avant de te lancer, regarde aussi notre article sur le coût d'intégration IA en PME et les autres articles du pilier Sites web IA.