Labo IA — Guide technique

Heberger tes mini SaaS sur
ton propre domaine

Tu construis des micro apps, des mini SaaS, des outils ? Voici comment les deployer chacun sur un sous-domaine de ton domaine. Automatiquement. Gratuitement. Avec Claude Code.

Avant : mon-app.vercel.app
Apres : mon-app.tondomaine.com pro, automatise, gratuit

Ou heberger ses micro SaaS ?

Tu codes des mini apps, des outils, des landing pages, des demos. Chaque projet a besoin de son URL. Ou est-ce que tu les mets ?

🚨

Vercel / Netlify

100 projets max sur le gratuit. Tu lances 10 micro SaaS et t'es deja a 10%. Plan pro = 20$/mois.

💬

URLs generiques

mon-outil.vercel.app — ca fait pas serieux. Tes users voient que c'est un hebergeur gratuit.

⚙️

Un VPS ?

Nginx, Let's Encrypt, Docker, maintenance... Pour un site statique c'est overkill. Et ca coute.

Cloudflare Pages + Claude Code

Cloudflare Pages heberge gratuitement, sans limite de projets. Et avec Claude Code, tu automatises tout — du code au deploy — en une seule commande.

❌ Avant

app-a.vercel.app outil-b.netlify.app demo-c.github.io

✅ Apres

app-a.tondomaine.com outil-b.tondomaine.com demo-c.tondomaine.com
🏆

Plus pro

Ton domaine, ta marque. Le client voit tondomaine.com, pas un hebergeur gratuit.

🌐

Sur ton site

Chaque mini SaaS vit sur un sous-domaine de ton propre domaine. Ca renforce ta presence en ligne.

Automatique avec Claude Code

Une commande et c'est live. Claude Code gere le deploy, le domaine, le DNS. Zero friction.

Le flow en 10 secondes

Ton dossier HTML/CSS/JS

Claude Code deploy + custom domain + DNS

slug.tondomaine.com live, SSL auto, CDN global

Tu donnes le dossier et le slug a Claude Code. Il fait tout le reste : cree le projet Cloudflare Pages, uploade les fichiers, configure le sous-domaine, cree le record DNS. Toi tu fais rien.

Setup en 6 etapes

Les 3 premieres etapes sont a faire une seule fois. Apres, chaque nouveau site c'est juste l'etape 4.

Ajouter ton domaine sur Cloudflare (gratuit)

Cloudflare scanne tes DNS existants et les copie. Ton site actuel et tes emails ne changent pas.

dash.cloudflare.com → Add site → tondomaine.com → Free plan

Changer les nameservers chez ton registrar

Seule action manuelle. Remplace les nameservers OVH/Gandi/Ionos par ceux de Cloudflare.

# Chez ton registrar : Serveurs DNS → Modifier
Supprimer : dns113.ovh.net, ns113.ovh.net
Ajouter :   xxx.ns.cloudflare.com, yyy.ns.cloudflare.com

Creer un API Token Cloudflare

3 permissions. Ce token permet a Claude Code de tout automatiser.

Account → Cloudflare Pages → Edit
Zone    → DNS             → Edit
Zone    → Zone            → Read

Deployer (Claude Code fait tout)

Colle ca dans Claude Code. C'est tout. Il cree le projet, deploie, configure le domaine, cree le DNS.

#!/bin/bash
# deploy-site.sh <slug> <dossier>

SLUG=$1
DIR=$2
DOMAIN="tondomaine.com"

# 1. Creer le projet Pages
npx wrangler pages project create "$SLUG" \
  --production-branch main 2>/dev/null || true

# 2. Deployer les fichiers
npx wrangler pages deploy "$DIR" \
  --project-name="$SLUG" --commit-dirty=true

# 3. Custom domain
curl -sX POST "https://api.cloudflare.com/client/v4\
/accounts/$CF_ACCOUNT/pages/projects/$SLUG/domains" \
  -H "Authorization: Bearer $CF_TOKEN" \
  -d "{\"name\":\"$SLUG.$DOMAIN\"}"

# 4. CNAME DNS
curl -sX POST "https://api.cloudflare.com/client/v4\
/zones/$CF_ZONE/dns_records" \
  -H "Authorization: Bearer $CF_TOKEN" \
  -d "{\"type\":\"CNAME\",\"name\":\"$SLUG\",\
\"content\":\"$SLUG.pages.dev\",\"proxied\":true}"

echo "Live: https://$SLUG.$DOMAIN"

C'est live !

slug.tondomaine.com — SSL automatique, CDN global, zero config serveur. En moins de 30 secondes.

Bonus : creer un skill Claude Code

Tu peux transformer ce script en skill Claude Code pour que ca devienne une commande permanente. Ensuite, deployer un site c'est juste :

# Dans Claude Code, tape juste :
/deploy-cf mon-app ./dossier-du-site

# Et c'est live sur mon-app.tondomaine.com

Le skill fait tout : wrangler deploy + custom domain + CNAME DNS. Zero friction.

Gratuit. Vraiment.

ServicePrixLimite
Cloudflare DNS0 €Illimite
Cloudflare Pages0 €500 deploys/mois, projets illimites
SSL / HTTPS0 €Automatique sur chaque sous-domaine
CDN global0 €300+ datacenters
Total0 €

⚡ Le vrai game changer : Claude Code

La recette ci-dessus c'est 4 commandes. Mais avec un skill Claude Code, tu transformes ca en une seule commande : /deploy-cf mon-app ./site. Le skill gere tout — creation du projet, deploy, domaine, DNS. Tu peux meme l'integrer dans un pipeline automatise : l'IA genere le site, le deploie, et te donne l'URL. Zero intervention humaine.