Comment créer un site web avec Claude Code, étape par étape ?

Vous avez besoin d'un site pour votre activité. Une agence vous semble disproportionnée pour un premier site, et les constructeurs de sites vous bloquent dès que vous voulez une mise en page précise ou un vrai travail de référencement. Claude Code ouvre une troisième voie : vous décrivez le site en français, l'outil écrit le code, et vous gardez la main sur chaque décision. Encore faut-il savoir dans quel ordre avancer.

En bref : pour créer un site web avec Claude Code, cadrez d'abord le site sur papier, rassemblez votre charte dans un fichier CLAUDE.md, puis faites construire le site par petites demandes successives que vous relisez à chaque fois. La mise en ligne passe par GitHub et un hébergeur de sites statiques, et le travail continue ensuite à partir des données de la Search Console.

Mise à jour : octobre 2026

Si votre question est d'abord de savoir si c'est faisable sans compétences techniques, nous y répondons dans peut-on créer un site sans savoir coder avec Claude Code ? Ici, nous détaillons pas à pas la méthode que nous appliquons à nos propres sites.

De quoi avez-vous besoin avant de commencer ?

Il vous faut Claude Code installé, un compte pour l'utiliser et un dossier vide sur votre ordinateur. Claude Code est l'outil de développement d'Anthropic : il lit les fichiers d'un projet, les modifie et lance des commandes. Il fonctionne dans le terminal, dans des éditeurs comme VS Code, dans une application de bureau et dans le navigateur. Pour le tour complet, voyez qu'est-ce que Claude Code ?

Côté accès, la documentation d'Anthropic demande un abonnement Claude payant (Pro, Max, Team ou Enterprise) ou un compte Claude Console ; l'offre gratuite ne donne pas accès à Claude Code. Nous détaillons les formules dans Claude Code est-il gratuit ? Prévoyez aussi un compte GitHub pour stocker le code et un nom de domaine.

L'installation tient en une commande, indiquée dans le guide de démarrage officiel. Vous ouvrez ensuite un terminal dans le dossier du projet, vous tapez claude, et l'outil vous demande de vous connecter à la première utilisation.

Comment cadrer le site avant d'ouvrir Claude Code ?

Le cadrage se fait par écrit, avant toute demande à l'outil. Sans lui, vous demanderez un site « moderne et professionnel » et vous obtiendrez un site générique. Répondez à quatre questions :

• Quelles pages ? Pour un site vitrine : accueil, services, à propos, contact, et éventuellement une ou deux pages propres à votre métier.
• Quel objectif principal ? Recevoir des demandes de devis, présenter un catalogue, publier des contenus. Un seul.
• Quelle action attendue sur chaque page ? Un appel à l'action principal par page.
• Quelles références ? Trois à cinq sites de votre secteur dont vous aimez la présentation.

Ajoutez la charte : codes hexadécimaux de vos couleurs, deux polices au plus, votre logo en SVG, des photos dont vous détenez les droits. Rangez le tout dans le dossier du projet.

Le fichier CLAUDE.md, votre cahier des charges permanent

Claude Code lit au début de chaque session un fichier CLAUDE.md placé à la racine du projet. La commande /init en génère une première version. Écrivez-y votre public, votre charte, vos règles de rédaction (vouvoiement, pas de chiffre inventé, pas de faux avis client) et la liste des pages. C'est ce fichier qui garde le site cohérent d'une séance à l'autre.

Comment faire construire le site par Claude Code ?

Procédez par demandes courtes et successives, en vérifiant le résultat dans votre navigateur entre chacune. Voici la séquence que nous suivons :

1. La structure. « Crée un site statique HTML, CSS et JavaScript pour mon activité. Charte dans CLAUDE.md. Quatre pages : index.html, services.html, apropos.html, contact.html. Navigation et pied de page communs. Pensé d'abord pour le mobile. »
2. Le contenu. Fournissez vos propres textes, page par page. Demandez à Claude Code de les mettre en forme, pas de les inventer.
3. Les ajustements visuels. « Le haut de la page d'accueil est trop chargé : garde un titre, une phrase, un bouton. » Comptez plusieurs allers-retours.
4. Le formulaire de contact. C'est l'étape qui demande le plus de vigilance : une fonction côté serveur envoie le message, la clé du service d'envoi d'e-mails reste dans les variables d'environnement de l'hébergeur et jamais dans le code, et une protection contre le spam s'impose.
5. Le référencement de base. Un titre et une meta description uniques par page, des données structurées sur l'accueil, un sitemap.xml et un robots.txt.

Après chaque étape validée, demandez à Claude Code d'enregistrer les changements dans Git : il sait créer un commit ou une branche à partir d'une simple phrase. Vous pourrez revenir en arrière si une modification casse quelque chose.

Comment mettre le site en ligne ?

La mise en ligne se fait en trois gestes, que Claude Code peut vous guider à exécuter :

1. Publier le code sur GitHub, dans un dépôt privé ou public.
2. Relier ce dépôt à un hébergeur de sites statiques, par exemple Vercel. Chaque nouvelle version envoyée sur GitHub est alors redéployée automatiquement.
3. Brancher votre nom de domaine en ajoutant chez votre registraire les enregistrements DNS indiqués par l'hébergeur.

Lisez la page de tarifs et les conditions d'usage commercial de l'hébergeur avant de choisir une formule.

Que faire une fois le site publié ?

Un site se travaille dans la durée, à partir de données réelles. Déclarez-le dans la Google Search Console pour vérifier que vos pages sont indexées et voir sur quelles recherches elles apparaissent. Ajoutez un outil de mesure d'audience en respectant les règles de consentement aux cookies. Passez vos pages dans PageSpeed Insights pour repérer les lenteurs sur mobile.

Revenez ensuite dans Claude Code avec ces constats, formulés précisément : « La page services apparaît sur la recherche "paysagiste Rennes" mais reçoit peu de clics : propose trois titres plus explicites. »

Exemple : le site d'une paysagiste en quatre pages

Prenons, à titre de scénario illustratif, une paysagiste installée près de Rennes qui veut recevoir des demandes de devis. Elle rédige sur une feuille ses quatre pages, son objectif (le formulaire de devis) et trois sites de confrères qu'elle apprécie. Elle crée un dossier, lance /init, puis complète le CLAUDE.md avec ses couleurs, ses photos de chantiers et une règle : aucun avis client inventé.

Elle demande la structure, colle ses textes page par page, corrige la page d'accueil en trois allers-retours, puis fait ajouter le formulaire. Elle publie sur GitHub, relie le dépôt à l'hébergeur et branche son domaine. Le mois suivant, la Search Console lui montre les recherches sur lesquelles ses pages apparaissent : elle revient dans Claude Code pour ajuster deux titres.

Cette méthode convient moins à une boutique en ligne avec un gros catalogue, ou à qui ne souhaite pas relire ni tester lui-même : un outil e-commerce dédié ou un prestataire seront plus adaptés.

À lire aussi : Auditer votre site avec Claude : trois analyses rapides pour une PME.

Sources

• Anthropic, Claude Code overview (documentation officielle)
• Anthropic, Claude Code quickstart
• Anthropic, How Claude remembers your project (CLAUDE.md, /init)
• Anthropic, offres Claude

Article rédigé par Aurélien Page, fondateur d'Audiaa, agence IA et No Code à Rennes.