Projet IA : le pipeline de base pour mettre en ligne ton projet local

Le problème

Tu as passé 2 heures avec Claude ou ChatGPT. T'as un site, un outil, une app qui tourne sur ton ordi. Tu montres ton écran à quelqu'un : "regarde, ça marche". Mais ça ne marche que chez toi. Personne d'autre ne peut y accéder.

Et la plupart s'arrêtent là. Pas par manque d'envie. Juste parce qu'il manque les 4-5 étapes concrètes pour passer de "ça marche chez moi" à "tiens, clique sur ce lien".

À qui s'adresse cet article ?

Pas aux développeurs. Pas non plus à quelqu'un qui n'a jamais touché à un ordinateur. Cet article est pour toi si :

Tu as déjà utilisé Claude, ChatGPT ou Cursor pour générer du code
Tu as un projet qui tourne en local et tu veux le mettre en ligne
Tu n'es pas dev mais tu n'as pas peur d'ouvrir un terminal

Si tu ne sais pas ce qu'est un terminal, commence par là. Cet article part du principe que tu as déjà fait tes premiers pas avec l'IA générative.

Les 4 briques

Il te faut 4 outils. Chacun a un rôle précis, et ils se connectent entre eux dans cet ordre :

Claude Code pour coder (et corriger, et tester)
GitHub pour sauvegarder et versionner
Vercel pour déployer automatiquement
Un nom de domaine pour avoir une vraie URL

Le pipeline vibe coding

Claude Code

C'est l'IA qui code pour toi. Mais contrairement à un simple chatbot, Claude Code ne fait pas que générer du texte : il crée des fichiers, exécute des commandes, teste, corrige. C'est du pair programming avec une machine.

Trois façons de l'utiliser :

Sur claude.ai directement dans le navigateur. Tu crées un projet, tu discutes, il code. Pas besoin d'installer quoi que ce soit. C'est le point d'entrée le plus simple.
En CLI (ligne de commande) dans ton terminal. Plus puissant, plus rapide. Claude a accès à ton filesystem, il peut tout faire : créer, modifier, lancer des commandes, push sur GitHub. C'est ce que j'utilise au quotidien.
Dans VS Code via l'extension. Bon compromis si tu veux voir le code se modifier en temps réel.

Ma recommandation : commence sur claude.ai si tu n'as jamais ouvert un terminal. Migre en CLI dès que tu es à l'aise. C'est là que la vraie puissance se débloque.

GitHub

C'est le premier réflexe à avoir une fois que ton code marche : le sauvegarder sur GitHub.

GitHub, c'est pas un truc de dev. C'est du versioning. Concrètement : chaque fois que tu fais une modification qui te plaît, tu fais un commit. Un commit, c'est une photo de ton projet à un instant T. "Ajout de la page contact", "Fix du header mobile", etc.

Pourquoi c'est indispensable : parce que tu vas casser des choses. Tu vas demander à Claude de modifier un truc, ça va péter autre chose. Avec GitHub, tu reviens en arrière en une commande. Sans GitHub, tu repars de zéro.

L'autre intérêt : c'est le lien avec Vercel. Chaque push sur GitHub déclenche un déploiement automatique. On y vient.

Les 4 concepts à retenir :

Repo : ton projet sur GitHub. Un repo par projet.
Commit : une sauvegarde avec un message qui décrit le changement.
Push : envoyer tes commits vers GitHub.
Pull Request (PR) : une étape de review avant d'appliquer tes changements. Optionnel quand tu bosses seul, mais utile pour garder un historique propre.

En pratique, Claude Code gère tout ça pour toi. Tu lui dis "commit et push", il le fait.

Vercel

Vercel transforme ton code en site web accessible par n'importe qui.

Le principe : tu connectes ton repo GitHub à Vercel. Ça prend 2 minutes, c'est un bouton. À partir de là, chaque push sur GitHub déclenche un déploiement. Vercel prend ton 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, rien. Tu push, c'est en ligne.

Bonus : chaque Pull Request génère une URL de preview. Tu vois exactement le résultat avant de mettre en production.

Le nom de domaine

À ce stade, ton site tourne sur mon-projet.vercel.app. Ça marche, mais c'est pas pro. Tu veux monsite.com.

Tu achètes un domaine chez un registrar (OVH, Gandi, Namecheap, ou directement chez Vercel). Ensuite tu modifies les DNS : c'est l'annuaire qui dit "quand quelqu'un tape monsite.com, envoie-le vers Vercel". Deux lignes à changer, Vercel te dit exactement lesquelles. C'est fait une fois, on n'y touche plus.

Ce qu'il te faut avant de commencer

Avant de te lancer, assure-toi d'avoir :

Un compte Claude (claude.ai) avec un abonnement Pro ou Max
Un compte GitHub (gratuit)
Un compte Vercel (gratuit, connecté à GitHub)
Un nom de domaine si tu veux une URL perso (environ 10 euros/an)

C'est tout. Pas besoin d'installer Node.js, Python, Docker ou quoi que ce soit pour commencer sur claude.ai. L'installation locale viendra naturellement quand tu voudras passer en CLI.

Le workflow au quotidien

Une fois que tout est branché, voilà ce que ça donne :

Tu ouvres Claude Code
Tu décris ce que tu veux en français : "ajoute un blog", "change la couleur du header"
Claude écrit le code, tu vois le résultat en local (ou directement dans le navigateur)
Tu push sur GitHub
Vercel déploie automatiquement
C'est en ligne

Ce matin, j'ai fait exactement ça depuis mon téléphone dans le transilien. Claude Code sur claude.ai, push sur GitHub, deploy Vercel. Le site était à jour avant que j'arrive à Paris.

Et après ?

Ce pipeline, c'est la fondation. Une fois qu'il est en place, tu peux commencer à utiliser les vrais outils de Claude Code : skills, agents, sub-agents, serveurs MCP. Mais sans cette base -- un repo propre, un deploy qui tourne, un workflow clair -- ces outils ne servent à rien. C'est comme vouloir customiser une voiture qui n'a pas de roues.