Le pipeline : de Claude Code à ton site en ligne
Claude Code, GitHub, Vercel, nom de domaine. Les 4 pièces du pipeline et comment les assembler pour déployer en continu.
Le problème
Un projet IA qui tourne en local, c'est un brouillon. Personne d'autre ne peut le voir. Pour qu'il devienne un site, un outil, quelque chose d'accessible, il faut un pipeline : une chaîne qui relie ton code à une URL publique.
Ce pipeline n'est pas compliqué. Il tient en 4 pièces, qui se connectent dans cet ordre :
Une fois en place, le flux est simple : Claude Code pousse sur GitHub, Vercel détecte le changement et déploie automatiquement. Pas d'intervention manuelle.
Les 4 pièces
Claude Code
L'article précédent explique ce que c'est et pourquoi c'est différent d'un LLM dans le navigateur. Dans le contexte du pipeline, le point important c'est que Claude Code ne se contente pas de générer du code : il peut aussi faire le commit, le push, et ouvrir la PR. La chaîne complète, dans une seule conversation.
GitHub
Le repo est la plaque tournante. Claude Code pousse le code dessus. Vercel le récupère de l'autre côté. Sans repo GitHub, pas de connexion entre les deux.
Les 5 concepts (repo, commit, branche, PR, merge) sont couverts dans l'article dédié. Ce qu'il faut retenir ici : un push sur la branche main déclenche un déploiement automatique sur Vercel.
Vercel
Vercel transforme ton code en site web accessible par n'importe qui.
Le principe : tu connectes ton repo GitHub à Vercel (un bouton, 2 minutes). À partir de là, chaque push déclenche un déploiement. Vercel prend le code, le compile, et le met en ligne sur une URL type mon-projet.vercel.app.
C'est gratuit pour les projets perso. Pas de serveur à configurer, pas de DevOps.
Bonus : chaque Pull Request génère une URL de preview. Le résultat est visible avant de toucher à la production.
Le nom de domaine
À ce stade, le site tourne sur mon-projet.vercel.app. Ça marche, mais c'est pas une adresse pro. Pour avoir monsite.com, il faut un domaine.
Un domaine s'achète chez un registrar (OVH, Gandi, Namecheap, ou directement chez Vercel). Ensuite, deux lignes de configuration DNS : Vercel indique exactement quoi mettre. C'est fait une fois, on n'y touche plus.
Ce qu'il faut pour démarrer
| Outil | Coût |
|---|---|
| Claude (abonnement Pro ou Max) | ~20 $/mois |
| GitHub | Gratuit |
| Vercel | Gratuit (projets perso) |
| Nom de domaine | ~10 €/an |
Pas besoin d'installer Node.js, Python, Docker ou quoi que ce soit pour commencer sur claude.ai/code. L'installation locale viendra naturellement avec le passage en CLI.
Le flux au quotidien
Une fois le pipeline en place, voilà ce que donne une modification type :
De la demande au site à jour : une conversation. Le pipeline fait le reste.
C'est cette boucle qui rend le système utile au quotidien. Pas besoin d'ouvrir GitHub ni Vercel. Le push déclenche tout.
Et après : Skills, MCP, agents
Ce pipeline, c'est la fondation. Sans lui (un repo propre, un deploy qui tourne), les outils avancés n'ont pas de base.
La suite du parcours construit par-dessus :
- Les Skills codifient tes méthodes de travail en commandes réutilisables
- CLAUDE.md donne à Claude un contexte permanent sur ton projet
- Les serveurs MCP connectent Claude à tes outils (PostHog, Jira, Slack...)
- Les agents délèguent des tâches complexes à des sous-agents autonomes
Le pipeline, c'est la fondation. Sans lui, le reste ne tourne pas.
