Claude Code : créer son site quand on n'est pas développeur

Les outils comme les Artifacts sont parfaits pour une page ou un mini-outil. Mais pour un vrai site, sur mesure, que vous faites évoluer dans le temps, il existe un cran au-dessus : Claude Code. Vous décrivez ce que vous voulez en français, il écrit le code, l'organise en projet, corrige les bugs et vous aide à le publier. Oui, c'est le plus technique de ce dossier — mais c'est aussi étonnamment accessible à un débutant motivé. On démystifie.

C'est quoi Claude Code, exactement

Claude Code est l'outil d'Anthropic qui met Claude aux commandes d'un projet de code. La différence avec le chat :

• Le chat vous donne du code à copier-coller.
• Claude Code travaille directement dans les fichiers de votre projet : il crée, modifie, teste, corrige — sur votre ordinateur.

Vous restez le chef : vous dites quoi faire, il fait le comment. Vous n'écrivez pas de code, vous pilotez quelqu'un qui en écrit.

Terminal, VS Code, Cursor : on démêle

C'est là que beaucoup se perdent. Mettons de l'ordre :

Pourquoi c'est intéressant pour un non-développeur

• Vous parlez français, pas du code : « ajoute une page contact avec un formulaire », « change le bleu en teal ».
• Vous obtenez un vrai site, pas une maquette : multi-pages, sur mesure, évolutif.
• Il explique et corrige : quand ça casse, il lit l'erreur et la répare, en vous disant ce qu'il a fait.
• C'est à vous : le code vous appartient, hébergé où vous voulez, sans abonnement à une plateforme fermée.

Le prix à payer : une petite mise en route technique (installer deux-trois outils). Une fois franchie, le quotidien est fluide.

Ce qu'il faut avant de commencer

1. Un compte Claude avec un plan adapté à Claude Code.
2. VS Code installé (gratuit).
3. Un compte GitHub pour sauvegarder votre projet — voir créer son compte GitHub.
4. Un compte Vercel pour publier — voir déployer sur Vercel.

Votre premier site, la méthode

1. Ouvrez un dossier de projet dans VS Code et lancez Claude Code.
2. Décrivez le site d'un bloc : « Crée un site vitrine pour mon activité de [métier], avec accueil, prestations, tarifs et contact. Style sombre et moderne, couleurs teal et cyan. »
3. Laissez-le construire, puis regardez le résultat en aperçu local (il vous donne la commande).
4. Itérez en langage courant : « le menu est trop petit sur mobile », « ajoute mes vrais tarifs », « mets une section témoignages ».
5. Sauvegardez sur GitHub (il vous aide), puis publiez sur Vercel (idem).

En quelques allers-retours, vous avez un site en ligne — sans avoir écrit une ligne vous-même.

Bien piloter Claude Code

La qualité dépend de vos consignes, comme toujours — voir écrire un bon prompt. Trois réflexes :

• Une demande à la fois : « ajoute la page contact » plutôt que dix changements d'un coup. Vous gardez le contrôle et repérez ce qui casse.
• Demandez à voir avant de valider : testez chaque étape en aperçu avant de continuer.
• Faites-lui expliquer : « explique-moi en une phrase ce que tu viens de changer ». Vous apprenez au passage.

Les limites honnêtes

• Il y a une courbe d'apprentissage : les deux premières heures de mise en route peuvent frustrer. Après, ça roule.
• Ça reste du code réel : plus puissant que les Artifacts, mais aussi plus exigeant. Pour une simple page, restez sur les Artifacts ou un éditeur de site.
• Vérifiez et sauvegardez : commitez souvent sur GitHub pour pouvoir revenir en arrière.
• Coût : Claude Code consomme plus qu'un simple chat ; regardez les quotas de votre plan.

Claude Code, Artifacts ou éditeur de site ?

• Une page, un doc, un mini-outil → Artifacts.
• Un site simple, vite fait, sans technique → éditeur de site avec l'IA.
• Un site sur mesure, évolutif, qui vous appartient → Claude Code.

Créer son site avec Claude Code, c'est apprendre à déléguer le code sans le subir. Le document interactif compagnon (ci-dessous) vous accompagne de l'installation à la mise en ligne, étape cochée après étape cochée — pour ne pas caler en route.