Salut, je m’appelle Zak — suivez-moi sur X @heyMrZak pour en savoir plus sur le développement avec l’IA.
Cet article s’adresse aux personnes sans connaissances techniques qui souhaitent se lancer dans le « vibe coding » sans aucune formation technique.
Le véritable problème du « vibe coding »
D’après mon expérience dans le développement d’applications et de sites web avec l’IA, voici le problème : si vous vous contentez de regarder l’IA écrire votre code sans comprendre ce qu’elle fait, vous direz généralement : « J’ai testé l’application, la fonctionnalité fonctionne. » Mais la vraie question est : cette page est-elle sécurisée ? Est-elle optimisée pour le référencement naturel (SEO) ? L’avez-vous réellement testée ?
C’est la question que la plupart des débutants négligent. Cet article vous montrera comment tester vos fonctionnalités en matière de référencement naturel et vous donnera des conseils pour utiliser l’IA dans le codage sans perturber le fonctionnement de votre application à chaque modification.
Le problème de la « boucle de l’IA »
Parfois, vous donnez une consigne à l’IA, elle écrit le code, puis vous remarquez plus tard qu’elle a cassé quelque chose d’autre sans vous prévenir — vous ne vous en rendez compte qu’en creusant davantage. C’est ce que j’appelle la boucle de l’IA. Tous les codeurs passionnés sont confrontés à ce problème. Mais vous pouvez le réduire en adoptant quelques bonnes habitudes.
Si vous êtes du genre à vous lancer directement dans le développement de votre prochaine application à la manière d’Instagram, bienvenue dans la boucle — surtout lorsque votre application commence à se complexifier.
Étape 1 : clarifiez d’abord votre idée
Avant toute chose, votre idée est-elle vraiment claire ? Si ce n’est pas le cas, utilisez ChatGPT ou Claude pour en discuter, puis transformez-la en PRD (document de spécifications produit). C’est l’un des éléments les plus utiles que vous puissiez fournir à une IA avant de commencer à lui donner des consignes.
Posez-vous la question : de quoi d’autre ai-je besoin ? Du design, pour commencer. Je vous recommande de faire appel à votre propre imagination pour le design — une petite touche personnelle vaut bien mieux que le design générique généré par l’IA dont se retrouvent généralement dotés tous les débutants.
Vous pouvez utiliser Figma si vous souhaitez réaliser un design soigné, ou simplement esquisser des maquettes fonctionnelles dans un cahier — c’est ce qui m’aide à mettre toutes mes idées sur papier. Vous pouvez également utiliser des outils de design basés sur l’IA, mais ajoutez-y toujours votre touche personnelle. C’est ce qui compte vraiment.
Étape 2 : Choisissez votre éditeur IA ou votre outil IA
Maintenant que vous disposez de votre conception et de votre cahier des charges, vous devez choisir votre éditeur IA ou votre outil IA (ce ne sont pas la même chose).
Personnellement, j’utilise un éditeur IA parce que j’apprécie la liberté qu’il offre : vous pouvez l’utiliser pour tout, contrairement à la plupart des outils IA qui vous enferment dans leur plateforme. Cela dit, si votre idée n’est pas très ambitieuse ou complexe, un outil IA convient parfaitement et sera probablement plus rapide.
Si, comme moi, vous souhaitez garder un contrôle total sur tout, optez pour un éditeur AI :
- Cursor
- Claude Code
- Codex
Étape 3 : Choisissez votre pile technologique
Avant toute chose, quelle pile technologique utilisez-vous ?
Pour les applications mobiles, je recommande Flutter. C'est idéal pour un MVP (produit minimum viable) car vous obtenez à la fois iOS et Android à partir d'une seule base de code.
Pour les sites web, utilisez React.
Étape 4 : Choisissez une base de données
Vous aurez besoin d’une base de données pour stocker les informations de vos utilisateurs.
Supabase est facile à configurer et fonctionne aussi bien pour les applications que pour les sites web, avec une offre gratuite très complète. Il gère à la fois l'authentification et votre base de données depuis un seul et même endroit.
Firebase est également une excellente solution : il s'agit d'un produit de Google qui fonctionne très bien pour les applications.
Ma recommandation personnelle : Supabase avec SQL.
Une fois que vous avez choisi votre base de données et défini votre pile technologique, passez à l'étape suivante.
Étape 5 : Créez des règles pour votre IA
C’est à ce stade que vous fixez des limites strictes à votre projet. Demandez à ChatGPT ou à Claude de vous aider à rédiger un fichier de règles. Celui-ci doit notamment inclure des éléments tels que :
- Ne modifiez rien qui ne vous ait été demandé de modifier
- 400 lignes maximum par fichier — créez de nouveaux fichiers au-delà de cette limite
- Commentez chaque fonction : ce qu’elle fait et pourquoi
- N’ajoute pas de plugins ou de paquets que tu n’as pas demandés
- Respectez la structure existante du projet
À ce stade, vous disposez de : règles, pile, conception et un PRD. Vous êtes désormais prêt à lancer les requêtes.
Étape 6 : Commencez à formuler des prompts (de la bonne manière)
Je ne vais pas vous expliquer en détail comment rédiger des prompts ici, mais si vous ne savez pas comment rédiger un bon prompt, demandez à ChatGPT ou à Claude de le faire pour vous — veillez simplement à être clair sur ce que vous attendez. L’IA est intelligente, mais il lui arrive parfois de mal comprendre certaines choses.
Si vous êtes débutant, vérifiez tout ce que l’IA génère. Ne partez pas du principe que ça fonctionne simplement parce qu’elle le dit.
Conseils SEO et GEO pour les sites « Vibe-Coded »
Si vous créez un site web, demandez à votre IA d’ajouter des balises Schema à vos pages les plus importantes — et, honnêtement, les bases du référencement naturel (SEO) sur chaque page.
Testez ensuite chaque page avec validator.schema.org. Collez l’URL de la page, lancez le test, et s’il y a des erreurs ou des avertissements que vous ne comprenez pas, faites une capture d’écran et demandez à votre IA de vous les expliquer et de les corriger.
Avant la mise en ligne : sécurité et tests
Une fois votre application prête, n’oubliez pas de demander à votre IA de vérifier votre configuration de sécurité — c’est l’étape que la plupart des débutants négligent, et pourtant c’est la plus importante.
Il existe de nombreux outils de vérification de sécurité en ligne : utilisez-en un et demandez à votre IA de vérifier chaque ligne à la recherche de vulnérabilités. Accédez à votre base de données et vérifiez vos politiques RLS (Row Level Security) dans Supabase ou vos règles dans Firebase. Si vous ne les comprenez pas, demandez à votre IA de vous guider pour les configurer correctement.
Avant de soumettre votre application à l’App Store (ou de la mettre à la disposition d’utilisateurs réels), testez chaque fonctionnalité et chaque bouton. Les applications sont rejetées plus souvent pour des flux défaillants que pour toute autre raison. Et n’oubliez pas votre page de politique de confidentialité : elle est obligatoire et essentielle.