Le but
Objectif
Ce kit vous accompagne pour créer un site vitrine simple et professionnel pour votre activité, le personnaliser avec Claude Code, le vérifier, puis le publier sur Internet sous votre propre nom de domaine si vous le souhaitez.
À la fin, vous aurez :
- un site de cinq pages utiles (accueil, services, à propos, contact, mentions légales) et une page d'erreur 404 ;
- un dossier de travail que vous saurez faire évoluer seul, par petites demandes à Claude Code ;
- une méthode pour vérifier le site avant chaque mise en ligne.
Ce que contient le kit
| Élément | À quoi il sert |
|---|---|
Le dossier mon-site |
Le projet de départ : un site d'exemple complet, une fiche à remplir, des commandes Claude Code prêtes à l'emploi et deux petits outils (vérification et aperçu). |
| Ce guide | Huit modules pas à pas, du matériel à installer jusqu'au dépannage. |
| Deux annexes | Des demandes types à faire à Claude Code, et une checklist de publication. |
Le site de départ présente une activité fictive, « Atelier Rayon », un atelier de réparation de vélos à Nantes. Il sert de modèle : vous allez remplacer son contenu par le vôtre.
Avant de commencer
Ce qu'il faut avant de commencer
- Un ordinateur sous Windows 10 ou 11, macOS 13 ou plus récent, ou Linux (Ubuntu 20.04, Debian 10 ou plus récents), avec au moins 4 Go de mémoire et une connexion Internet.
- Un compte Claude qui donne accès à Claude Code : un abonnement payant qui l'inclut, ou un compte Claude Console avec des crédits API. Ce coût est séparé du kit. Le module 01 détaille les options.
- Les informations sur votre activité : services, coordonnées, horaires, et vos informations légales (SIRET, forme juridique...).
- Aucune connaissance en programmation n'est nécessaire. Vous allez utiliser un terminal, mais toutes les commandes sont données et expliquées.
Ce que ce kit ne fait pas
Mieux vaut le savoir dès le départ :
- Il ne crée pas un site parfait en un clic. Claude Code produit une bonne base à partir de votre fiche, mais vous devrez relire, corriger et demander des ajustements.
- Il ne garantit aucun référencement. Le site est construit proprement (titres, descriptions, structure, vitesse), ce qui aide les moteurs de recherche à le comprendre. Sa position dans les résultats dépend de nombreux facteurs que personne ne maîtrise entièrement.
- Il ne remplace pas un conseil juridique. Les mentions légales fournies sont un modèle à compléter. En cas de doute, faites-les relire.
- Il ne convient pas à tous les projets. Pour une boutique en ligne avec paiement, un espace client ou une prise de rendez-vous intégrée, il faudra d'autres outils.
- Il ne fixe pas de délai. Le temps nécessaire dépend de votre aisance avec l'ordinateur et de l'état de préparation de vos informations. Les durées indiquées en tête de chaque module sont des ordres de grandeur.
Comment suivre le guide
| Module | Contenu | Durée indicative |
|---|---|---|
| 00 | Bienvenue (vous y êtes) | 10 min |
| 01 | Installer les prérequis : éditeur, Node.js, Git, Claude Code | 45 min |
| 02 | Définir votre activité : remplir la fiche | 30 min |
| 03 | Personnaliser le site avec Claude Code | 60 min |
| 04 | Contrôler le résultat | 30 min |
| 05 | Publier votre site | 45 min |
| 06 | Faire évoluer le site | 30 min |
| 07 | Dépannage | à consulter au besoin |
Conseils :
- Suivez les modules dans l'ordre la première fois. Chacun suppose que le précédent est terminé.
- Faites les étapes au fur et à mesure de la lecture, plutôt que de tout lire d'abord.
- Chaque module se termine par une section « Vérifiez que ». Ne passez pas au suivant tant que ces points ne sont pas validés.
- En cas de blocage, cherchez le message d'erreur dans le module 07.
Quelques mots de vocabulaire
| Terme | Signification |
|---|---|
| Terminal | Une fenêtre où l'on tape des commandes au lieu de cliquer. Expliqué au module 01. |
| Claude Code | L'assistant d'Anthropic qui travaille directement dans les fichiers de votre dossier, à partir de vos demandes écrites en français. |
| Fichier HTML | Une page du site. Votre navigateur sait l'afficher. |
| Node.js | Un programme gratuit qui fait fonctionner les deux petits outils du kit (vérification et aperçu). Installé au module 01. |
| Git, commit | Git garde l'historique de votre dossier. Un « commit » est une photo du dossier à un instant donné, à laquelle vous pouvez revenir. Expliqué au module 03. |
| Publier, déployer | Envoyer le dossier du site chez l'hébergeur pour le mettre en ligne. Chaque envoi s'appelle un « déploiement ». |
| Hébergeur | Le service qui garde votre site en ligne et l'affiche aux visiteurs (Netlify, Cloudflare, GitHub...). |
| Nom de domaine | L'adresse de votre site, par exemple www.mon-entreprise.fr. Il s'achète auprès d'un registraire (OVHcloud, Gandi...). |
| DNS | Le réglage, chez le registraire, qui indique à Internet quel hébergeur affiche votre nom de domaine. Expliqué au module 05. |
| HTTPS | La connexion sécurisée, signalée par un cadenas dans la barre d'adresse. Fournie gratuitement par les hébergeurs présentés. |
Pour valider
Vérifiez que
Si ça coince
Erreurs fréquentes
Travailler directement dans le fichier ZIP
Sous Windows, double-cliquer sur un ZIP l'ouvre sans le décompresser. Faites un clic droit, puis « Extraire tout », et travaillez dans le dossier extrait.
Placer le dossier dans un endroit difficile à retrouver
Choisissez un emplacement simple, par exemple
Documents/mon-site. Évitez le dossier Téléchargements, souvent nettoyé.Vouloir tout faire d'un coup
Un site correct publié puis amélioré vaut mieux qu'un site parfait jamais publié.