Les outils de génération de code par IA permettent d'obtenir en quelques heures un prototype qui fonctionne sur votre écran. C'est un formidable point de départ. Mais entre une démonstration réussie et un site public fiable, il reste un travail que l'IA ne fait pas seule. Voici la checklist que nous appliquons avant toute mise en production d'un projet vibe-codé.
1. Sécurité : les clés et les accès
C'est le point le plus souvent négligé, et le plus grave.
- Aucune clé secrète dans le code visible. Les clés d'API, mots de passe de base de données et jetons d'accès doivent rester côté serveur, dans des variables d'environnement. Une clé présente dans le code du navigateur est publique.
- Des règles d'accès aux données. Si le projet utilise une base de données hébergée, vérifiez que chaque table est protégée par des règles qui empêchent un visiteur de lire ou modifier les données des autres.
- Des formulaires protégés contre le spam et les envois automatisés.
- Des dépendances à jour, sans paquets abandonnés ou inconnus ajoutés par l'IA.
2. Fiabilité : ce qui se passe quand ça ne marche pas
Un prototype est testé sur le scénario idéal. Un site public rencontre tous les autres.
- Que voit l'utilisateur si une API ne répond pas, si sa connexion coupe, s'il saisit une donnée inattendue ?
- Les erreurs sont-elles enregistrées quelque part pour être corrigées ?
- Les parcours principaux (inscription, commande, contact) ont-ils été testés de bout en bout, sur mobile et sur plusieurs navigateurs ?
3. Données personnelles et obligations légales
Dès qu'un site collecte des données, le RGPD s'applique. Avant la mise en ligne :
- une politique de confidentialité qui décrit réellement ce que fait le site ;
- un bandeau de consentement si des outils de suivi ou de publicité sont utilisés ;
- des mentions légales complètes : nom de l'entreprise, numéro d'entreprise, siège, contact ;
- des données stockées dans l'Union européenne quand c'est possible.
4. Référencement
Beaucoup de prototypes générés par IA sont des applications qui construisent leurs pages dans le navigateur. Les moteurs de recherche les lisent mal. Pour un site qui doit attirer du trafic :
- chaque page a sa propre adresse, son titre et sa description ;
- le contenu principal est présent dans le HTML envoyé par le serveur, pas seulement ajouté ensuite par JavaScript ;
- un fichier sitemap et un fichier robots.txt sont en place ;
- les images ont un texte alternatif et un poids raisonnable.
5. Performance et accessibilité
Mesurez le chargement sur un téléphone avec une connexion moyenne, pas sur votre ordinateur de travail. Vérifiez aussi que le site se parcourt au clavier, que les contrastes sont suffisants et que les formulaires ont de vrais libellés. Ces points aident les personnes en situation de handicap et améliorent le référencement.
6. Hébergement et déploiement
- Un environnement de test distinct de la production, pour essayer chaque modification avant de la publier.
- Un code versionné avec Git, pour savoir ce qui a changé et revenir en arrière en cas de problème.
- Des sauvegardes de la base de données, testées au moins une fois.
- Un nom de domaine et des e-mails configurés correctement, pour que vos messages n'arrivent pas en spam.
7. La suite : qui modifiera le site ?
Un prototype vibe-codé n'a souvent pas d'interface d'administration. Avant la mise en ligne, décidez qui changera les textes, les images et les prix, et comment. Selon la réponse, il faudra ajouter un back-office simple, connecter un outil de gestion de contenu, ou migrer la partie éditoriale vers WordPress. Notre guide WordPress ou vibe-coding aide à faire ce choix.
En résumé
Le vibe-coding raccourcit énormément le chemin vers un premier résultat. La mise en production demande le même sérieux qu'un développement classique : sécurité, gestion des erreurs, obligations légales, référencement et déploiement maîtrisé. C'est cette étape qui fait la différence entre une démonstration et un outil sur lequel votre activité peut compter.
Vous voulez savoir où en est votre site ?
En 30 minutes, nous passons en revue votre site, vos intégrations et vos outils. Vous repartez avec une liste d'actions classées par impact.