Vibecoding : un site vitrine qu'on peut classer

Le vibecoding, c'est coder un site avec une IA dans l'éditeur. Tu décris la page à Cursor, le modèle pose le HTML, tu corriges, tu relances. En une soirée tu as une home qui tient sur localhost:4321.

Un client, un moteur ou ChatGPT ne voient pas localhost. Sans title, sans sitemap, sans consentement, sans déploiement qu'on sait annuler, tu as un proto. Un vibecoding site vitrine qu'on montre et qu'on classe demande le reste de la pile.

Ce que le vibecoding produit

Un fichier qui rend. Du React ou du HTML collé, un thème Tailwind. L'IA pose le markup en quelques passes. Elle invente aussi un plugin SEO, un bandeau cookies copié d'un tutoriel, un pixel dans le <head>. Ça tient jusqu'à la première mise à jour, ou jusqu'au premier audit.

Le modèle ignore tes secrets, tes rôles, et le filtre status === "published". Il ne pose pas un rollback. Il ne sépare pas le design (le fichier) de la publication (la fiche).

Le trou entre localhost et un client

Pour montrer le site, il te faut une URL HTTPS, des balises, un sitemap qui ne liste que le publié, un llms.txt pour les IA, un bandeau qui n'apparaît que s'il y a un tiers à demander, et une pile que tu recules d'un sha.

Tu peux recoder tout ça à chaque projet. Ou partir d'un template qui le tient, et garder le vibecoding pour les pages.

Ce qu'AstroTan pose autour du code

AstroTan est ce template. Site public Astro 7, admin TanStack Start, backend Convex, Docker derrière Traefik. Tu clones, tu pointes ton Convex et ton VPS. Les pages restent des .astro : tu les fais écrire par Cursor, tu les relis, tu les commits.

L'admin décide publication, title, description, résumé GEO, FAQ, mot-clé cible. Le site n'a ni session ni clé admin. Un brouillon reste invisible. Le consentement est déclaré ; aucun tag n'est écrit dans le HTML avant une réponse. Le rollback rejoue convex deploy, le build et Compose sur un sha.

Ce que tu écris encore toi-même

Le design. Les mots. Le fichier de chaque page. L'IA t'aide ; elle ne publie pas. Owner ou admin publie. Sur l'instance de démo, le compte Tester refuse ces mutations côté serveur.

Pour le détail SEO et GEO, lire site SEO GEO. Pour se passer de WordPress, l'article comparatif. Les fonctions déjà résolues et les tarifs sont à côté. Pour un projet, écrire suffit.