Créer son site avec Claude, pas à pas

Les étapes

1. Cliquez sur le bouton Déployer sur Cloudflare ci-dessus.
2. Connectez-vous à Cloudflare, ou créez votre compte gratuit.
3. Quand Cloudflare le demande, reliez votre compte GitHub. Cloudflare y copie Dozokit Sites.
4. Laissez les noms proposés (dozokit-sites) tels quels, sauf si vous avez déjà quelque chose qui porte ce nom.
5. Dans le champ PASSWORD, tapez le mot de passe qui vous servira à entrer dans Dozokit Sites : 12 caractères ou plus. Notez-le.
6. Cliquez sur Create and deploy, puis attendez une minute ou deux pendant que Cloudflare crée Dozokit Sites, sa base de données et son espace photos.
7. Quand Cloudflare indique que c’est fini, descendez tout en bas de cette page : l’adresse de votre Worker (qui finit par workers.dev, comme dozokit-sites.votre-nom.workers.dev) et le bouton pour l’ouvrir s’y trouvent. Ouvrez-la, ajoutez /admin à la fin, et connectez-vous avec votre mot de passe.
8. Reliez Claude. Dans Claude (l’application ou claude.ai), ouvrez Personnaliser → Connecteurs, cliquez sur + Ajouter, puis Ajouter un connecteur personnalisé.
9. Nommez-le Dozokit Sites et collez votre adresse Dozokit Sites qui finit par /mcp, comme https://dozokit-sites.votre-nom.workers.dev/mcp. Vous la trouvez, avec un bouton de copie, sur le premier écran après la connexion à Dozokit Sites, ou dans Settings (en haut à droite) → Connections. Cliquez sur Ajouter.
10. Claude ouvre une page Dozokit Sites pour vous demander la permission : connectez-vous si on vous le demande, puis cliquez sur Allow. ChatGPT marche de la même façon, comme connecteur personnalisé dans ses paramètres. Pour déconnecter une application, passez par Settings → Connections dans Dozokit Sites.
11. De retour dans Dozokit Sites, tapez l’adresse de votre site actuel si vous en avez un, et ce que Claude doit savoir. Copiez la demande qu’il rédige et collez-la dans une nouvelle conversation Claude.
12. Claude propose un design et ne demande que ce qu’il ne trouve pas. Quand il a fabriqué le site, celui-ci s’ouvre tout seul dans Dozokit Sites.
13. Relisez, changez ce que vous voulez, et cliquez sur Publish.

Changer textes et photos vous-même, gratuitement

Dans l’éditeur, les textes et photos que vous pouvez changer vous-même s’entourent de vert quand vous passez dessus, avec Edit text · free ou Change photo · free. Cliquez : un texte s’ouvre dans une case pour le modifier, une photo propose Choose from your photos ou Upload a new one. Pas besoin de Claude, et rien d’autre sur la page ne réagit. Pour le reste, cliquez sur Point at something for Claude : toute partie de la page s’entoure alors d’orange, avec son nom. Cliquez pour la choisir (le fil, comme Section « Photos » › Gallery › Photo, montre où elle se trouve ; ↑ et ↓ passent à la partie qui l’entoure ou qu’elle contient, Maj+clic en ajoute d’autres), dites ce qui doit changer, et copiez dans votre conversation Claude la demande que le panneau rédige. Done pointing, ou Échap, vous ramène. Undo annule le dernier changement ; History, juste à côté, liste chaque version du site, chacune avec Go back to this. Settings (en haut à droite) → Connections montre quelles applications de chat sont reliées, quand chacune a utilisé Dozokit Sites pour la dernière fois, et un bouton Disconnect.

Votre propre nom de domaine

Votre site marche déjà à son adresse workers.dev. Pour le mettre à votre nom, comme martin-plomberie.fr, ouvrez l’onglet Address du site et, sous Your own domain, dites si vous en avez un. No, I need one : dans Cloudflare, ouvrez Workers & Pages, puis dozokit-sites, puis son onglet Domains, et choisissez Buy a domain ; Cloudflare le vend à prix coûtant et le relie tout seul. Yes, bought elsewhere (OVH, Gandi, IONOS…) : dans Cloudflare, ouvrez Domains et cliquez sur Onboard a domain, choisissez l’offre Free, remplacez chez votre registrar les serveurs DNS (nameservers) du domaine par les deux que Cloudflare affiche (de quelques minutes à une journée), puis ajoutez-le comme domaine existant dans l’onglet Domains de dozokit-sites. Yes, on Cloudflare : ajoutez-le simplement comme domaine existant dans cet onglet Domains. Enfin, tapez le domaine dans l’onglet Address et cliquez sur Check and connect : l’ancienne adresse renvoie alors les visiteurs vers la nouvelle. Ou copiez dans Claude la demande affichée là : il vous guide et relie lui-même le domaine une fois qu’il est dans Cloudflare. Chaque site peut avoir son propre domaine. Votre lien Google Maps se met dans le même onglet.

Recevoir les messages de contact par e-mail

Les messages du formulaire de contact d’un site arrivent dans son onglet Messages. Pour les recevoir aussi dans votre boîte mail, ouvrez Settings (en haut à droite), puis Connections, puis Messages by email : tapez votre e-mail et cliquez sur Connect Resend. Resend s’ouvre : créez votre compte gratuit avec ce même e-mail, ou connectez-vous, puis cliquez sur Allow. De retour dans Dozokit Sites, cliquez sur Send a test. L’offre gratuite de Resend envoie jusqu’à 100 e-mails par jour.

Compter les visiteurs avec Dozokit Analytics

Installez Dozokit Analytics, gratuit et lui aussi dans votre propre compte Cloudflare, et ajoutez-y votre site pour obtenir son identifiant. Dans Settings (en haut à droite) → Connections, tapez une fois l’adresse de votre Dozokit Analytics. Puis dans l’onglet Site settings du site, sous Visitors, collez l’identifiant et enregistrez. Vous voyez alors les visites, d’où elles viennent, et chaque message de contact comme un objectif.

Changer ou retrouver le mot de passe

Changez-le dans Settings (en haut à droite) → Account, sous Change password. Oublié ? Dans Cloudflare, ouvrez le Worker, puis Settings → Variables and Secrets, et modifiez PASSWORD. Le mot de passe que vous y tapez marche tout de suite.

Mise à jour

Quand une version plus récente est sortie, Dozokit Sites l’affiche en haut. Vous mettez à jour depuis votre copie sur GitHub :

1. Sur github.com, ouvrez dozokit-sites, la copie que Cloudflare a faite à votre nom.
2. Cliquez sur l’onglet Actions.
3. Cliquez sur Update Dozokit Sites dans la liste à gauche.
4. Cliquez sur Run workflow, puis sur le bouton vert Run workflow.

La première fois seulement : le bouton Deploy de Cloudflare copie tout sauf le bouton de mise à jour, ajoutez-le donc une fois. Dans Dozokit Sites, ouvrez Settings (en haut à droite), puis Account, puis Updates. Collez l’adresse GitHub de votre copie (comme github.com/votre-nom/dozokit-sites) et cliquez sur Add the update button. GitHub ouvre le fichier prêt à enregistrer : cliquez sur Commit changes et confirmez. Le bouton n’installe une version qu’après avoir vérifié qu’elle est signée par Dozokit ; une signature fausse ou absente l’arrête sans rien changer. Il garde votre wrangler.jsonc et le dossier .github. Si Dozokit vous demande un jour de changer le bouton, cliquez plutôt sur Replace it : GitHub ouvre le fichier et la nouvelle version est déjà copiée, sélectionnez tout le contenu, collez, puis cliquez sur Commit changes.

Environ deux minutes plus tard, Cloudflare a mis la nouvelle version en ligne tout seul, base de données comprise. Vos sites, photos et messages restent. Les nouveautés de chaque version

Les développeurs peuvent aussi mettre à jour depuis un terminal, dans un clone de leur copie :

tag=$(curl -s https://api.github.com/repos/dozokit/sites/releases/latest | grep -o '"tag_name": *"[^"]*"' | cut -d'"' -f4)
git fetch https://github.com/dozokit/sites tag "$tag"
git checkout "$tag" -- . ':!wrangler.jsonc' ':!.github'
git commit -m "Update Dozokit Sites to $tag" && git push