Le vibe coding, c’est décrire un logiciel en langage courant et laisser l’IA l’écrire. Vous ne lisez pas le code attentivement. Vous regardez le résultat, vous dites ce qui cloche, et vous recommencez. Ça marche remarquablement bien pour un site web — et ça s’arrête net au moment où ce site doit exister à une vraie adresse, parce que la publication est la seule étape qu’aucune fenêtre de conversation ne fait à votre place.
D’où vient le terme
L’expression a une origine précise. Andrej Karpathy, membre fondateur d’OpenAI et ancien directeur de l’IA chez Tesla, l’a publiée sur X le 2 février 2025 :
« There’s a new kind of coding I call vibe coding, where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. »
Il a lui-même qualifié ce message de pensée jetée en passant. Le terme s’est répandu quand même. Merriam-Webster l’a repris en mars 2025 dans sa rubrique « Slang & Trending », et il a aujourd’hui une entrée de dictionnaire à part entière. Collins en a fait son mot de l’année le 6 novembre 2025.
La vitesse compte plus que l’anecdote. Une pratique est passée du message d’une seule personne à une entrée de dictionnaire en moins d’un an, ce qui en dit long sur le nombre de gens qui s’y sont mis.
À quoi ça ressemble concrètement
Vous ouvrez Claude, ChatGPT, Gemini, Cursor, Lovable ou Replit. Vous décrivez une page : un portfolio de photographe, une page d’atterrissage pour un atelier, un menu de restaurant. L’outil écrit le HTML et le CSS. Vous regardez, vous demandez un en-tête plus foncé et des titres plus gros, il réécrit.
Rien là-dedans ne vous oblige à lire une ligne de code, et c’est l’attrait réel. Des designers qui évitaient le développement front-end depuis dix ans livrent aujourd’hui des pages exactement conformes à ce qu’ils avaient dessiné.
Ce que vous obtenez au bout, c’est un dossier. Le plus souvent un fichier index.html, parfois une feuille de style et un dossier d’images à côté. Parfois un ZIP. Ce dossier est un site web complet. En l’ouvrant vous voyez votre site, et la barre d’adresse affiche file:/// — ce qui veut dire qu’il n’existe que sur votre machine et que personne d’autre ne peut le voir.
L’écart entre « terminé » et « en ligne »
C’est ici que le vibe coding cesse d’être fluide. Les outils qui écrivent le site sont conversationnels et indulgents. Ceux qui le publient ont été conçus pour des ingénieurs logiciels et ne sont ni l’un ni l’autre.
Demandez à un assistant où héberger ce qu’il vient de construire : il vous orientera vers Vercel, Netlify, Cloudflare Pages ou GitHub Pages. Les quatre sont excellents. Les quatre supposent aussi un dépôt, une commande de compilation ou une ligne de commande. Au minimum, ils supposent une représentation mentale du déploiement. C’est précisément ce que la personne qui vient de vibe coder une page a choisi de ne jamais apprendre.
Presque tous les premiers téléversements qui échouent le font pour l’une de deux raisons. Soit index.html n’était pas à la racine du dossier envoyé, soit un fichier a été renommé avec une majuscule différente du lien qui pointe vers lui. Ni l’un ni l’autre n’est un problème de code, et ni l’un ni l’autre n’est expliqué dans la conversation que vous venez d’avoir.
Résultat : les dix derniers pour cent du travail — ceux qui transforment un fichier sur un portable en quelque chose d’envoyable à un client — coûtent plus d’efforts que les quatre-vingt-dix pour cent précédents. C’est ça, le vrai problème à régler.
Que regarder chez un hébergeur pour un site vibe codé
Les critères ne sont pas ceux d’un développeur. La vitesse des chaînes de compilation et la prise en charge des cadriciels ne servent à rien ici. Quatre points comptent :
Il accepte un dossier. Pas un dépôt, pas une connexion Git, pas une commande. Si le premier écran vous demande d’importer depuis GitHub, ce n’est pas fait pour ça.
Mettre à jour est le même geste que publier. Vous allez modifier le texte. Si le deuxième téléversement est plus compliqué que le premier, vous cesserez de mettre le site à jour. À vérifier : Vercel Drop crée un nouveau projet à chaque téléversement au lieu de mettre à jour l’existant.
Le domaine personnalisé et le SSL sont inclus, pas en supplément. Un site à une vraie adresse, c’est tout l’objectif. Plusieurs paliers gratuits offrent l’hébergement et facturent le branchement du domaine.
L’usage commercial est permis. À vérifier avant d’y mettre un client. Le forfait gratuit de Vercel est explicitement non commercial, et une page d’atterrissage pour un client n’y a pas droit.
Publier ce que vous avez créé, de bout en bout
Sortez les fichiers de la conversation. Demandez à l’outil le site complet sous forme de fichiers téléchargeables. Dans Claude, exportez l’artefact. Dans ChatGPT, enregistrez le fichier produit. Demandez tout dans un seul dossier plutôt qu’éparpillé dans plusieurs messages.
Vérifiez que le dossier s’ouvre. Double-cliquez sur index.html. Si votre navigateur affiche le site, le dossier est complet. Si des images manquent ici, elles manqueront aussi en ligne.
Téléversez le dossier entier. Pas seulement le fichier HTML. La feuille de style et les images doivent voyager avec lui. Sur sofast, glisser le dossier prend une quinzaine de secondes jusqu’à une adresse en ligne.
Branchez votre domaine. Si vous en possédez déjà un, pointez-le vers l’hébergeur. Sinon, le sous-domaine inclus suffit pour partager le temps de décider.
Ouvrez-le sur votre téléphone. Dix secondes, et ça attrape les problèmes de mise en page que les outils d’IA laissent régulièrement derrière eux.
Questions fréquentes
Les réponses ci-dessous portent sur la qualité des sites vibe codés, la propriété du code, le coût, le référencement et les blocages.
Pour un site statique — portfolio, page d’atterrissage, site vitrine, page d’événement — le plus souvent oui. Le HTML et le CSS produits par les modèles actuels sont corrects et conformes aux standards. Les points faibles sont la cohérence d’une page à l’autre, les détails d’accessibilité et le comportement sur les écrans inhabituels. Les trois méritent une vérification à la main avant qu’un client ne voie le site.
Pour le HTML et le CSS d’un site statique, en pratique oui : vous pouvez le télécharger, le modifier, l’héberger où vous voulez, aucun outil ne le retient. Vérifiez les conditions de l’outil si le site est commercial. La vraie question de dépendance porte sur l’hébergeur, pas sur le code : choisissez-en un qui vous laisse récupérer vos fichiers.
Les deux vrais coûts sont un nom de domaine, entre 10 et 20 $ US par an, et l’hébergement. L’hébergement statique est peu cher parce qu’aucun serveur ne travaille : des paliers gratuits existent avec de vraies limites, et le statique payant commence en général autour de 5 $ US par mois. Un tarif à 30 $ par mois pour un site statique de cinq pages vous vend une capacité que vous n’utiliserez jamais.
Oui. Les moteurs se moquent de savoir qui a écrit le HTML. Ce qui compte, c’est que la page se charge vite, fonctionne sur un téléphone, ait un vrai titre et une vraie description, et dise quelque chose d’utile. Un site statique bien construit part avec un avantage sur ces quatre points, puisqu’il est généralement plus rapide qu’une solution avec base de données.
Ouvrez une nouvelle conversation et collez-y uniquement le fichier fautif plutôt que de poursuivre un long fil : les contextes longs font boucler les modèles sur la même mauvaise correction. Décrivez ce que vous voyez plutôt que ce que vous croyez être en cause. Si ça bloque encore, c’est ce morceau précis qu’il vaut la peine de confier à un développeur ; en général vingt minutes de son temps.
Il a remplacé une catégorie de travail : le site vitrine simple qui coûtait quelques milliers de dollars est devenu quelque chose qu’un designer produit en un après-midi. Ce qu’il n’a pas remplacé, c’est tout ce qui comporte des données, des comptes utilisateurs ou des intégrations. La formulation honnête, c’est que le plancher s’est déplacé, pas que le métier a disparu.
Choisissez le guide correspondant à l’outil que vous avez réellement utilisé — chacun couvre l’étape de l’export, là où presque tout le monde bloque.
