[{"data":1,"prerenderedAt":239},["ShallowReactive",2],{"blog-\u002Fblog\u002Fj-ai-teste-le-developpement-d-un-site-web-avec-une-ia":3,"blog-autres-\u002Fblog\u002Fj-ai-teste-le-developpement-d-un-site-web-avec-une-ia":216},{"id":4,"title":5,"body":6,"brouillon":198,"chapeau":199,"date":200,"description":201,"extension":202,"image":203,"meta":206,"miseAJour":207,"navigation":208,"path":209,"questions":207,"seo":210,"sitemap":211,"stem":212,"theme":213,"titreCourt":214,"__hash__":215,"minutes":197},"blog\u002Fblog\u002Fj-ai-teste-le-developpement-d-un-site-web-avec-une-ia.md","J'ai testé le développement d'un projet web avec une IA",{"type":7,"value":8,"toc":184},"minimark",[9,13,18,26,33,37,40,43,47,63,66,70,73,93,96,100,114,118,121,128,134,140,145,149,160,165,168,171,174,177],[10,11,12],"p",{},"Est-ce que l'IA est prête à remplacer les développeurs sur tous les types de projets ? Je me suis lancé un défi pour le découvrir. Spoiler : c'est… surprenant (mais pas toujours dans le bon sens).",[14,15,17],"h2",{"id":16},"mon-objectif-écrire-0-ligne-de-code","Mon objectif : écrire 0 ligne de code",[10,19,20,21,25],{},"Créer un système de tickets web complet ",[22,23,24],"strong",{},"sans écrire une seule ligne de code",". Ma seule aide : une IA.",[10,27,28,29,32],{},"Je ne me suis pas mis en mode « ",[22,30,31],{},"vibe coding"," », j'ai vraiment voulu laisser faire l'IA.",[14,34,36],{"id":35},"pourquoi-tester-le-développement-de-site-web-par-une-ia","Pourquoi tester le développement de site web par une IA ?",[10,38,39],{},"Beaucoup d'articles et de créateurs de contenu sur YouTube vantent les avancées récentes des IA et arrivent à « développer » des sites sans connaître le développement web. Alors pourquoi ne pas tester moi-même ?",[10,41,42],{},"J'ai donc décidé de m'aider de technologies modernes que je connais bien, comme Nuxt et Supabase. Un vrai terrain de jeu pour tester ces fameuses IA.",[14,44,46],{"id":45},"mission-faire-coder-un-projet-web-par-une-ia","Mission : faire coder un projet web par une IA",[48,49,50,54,57,60],"ul",{},[51,52,53],"li",{},"Rédiger un cahier des charges clair.",[51,55,56],{},"Confier chaque étape de développement à l'IA, tout en jouant le rôle de chef de projet et de superviseur.",[51,58,59],{},"Ne pas coder une seule ligne de code.",[51,61,62],{},"Juste interagir par prompt avec l'IA.",[10,64,65],{},"Est-ce que je vais réussir à aller jusqu'au bout du projet sans coder une seule ligne ?",[14,67,69],{"id":68},"déroulement-de-lexpérience","Déroulement de l'expérience",[10,71,72],{},"Pour garantir que l'IA suive bien les étapes, j'ai utilisé une méthode par « jalons » :",[48,74,75,81,87],{},[51,76,77,80],{},[22,78,79],{},"Étape 1"," : définir un composant.",[51,82,83,86],{},[22,84,85],{},"Étape 2"," : faire rédiger le code par l'IA.",[51,88,89,92],{},[22,90,91],{},"Étape 3"," : tester et faire corriger.",[10,94,95],{},"En gros, à chaque petite étape, j'interrogeais l'IA. Si tout était bon, on passait à la suite. Sinon ? Je notais les erreurs et relançais l'IA jusqu'à obtenir quelque chose de fonctionnel.",[14,97,99],{"id":98},"ce-qui-ma-bluffé","Ce qui m'a bluffé",[48,101,102,108],{},[51,103,104,107],{},[22,105,106],{},"La qualité du code"," : l'IA produit un code propre, lisible et bien commenté. On aurait presque l'impression de collaborer avec un très bon développeur junior.",[51,109,110,113],{},[22,111,112],{},"L'avancée étape par étape"," : je pouvais valider chaque jalon facilement pour garder le contrôle sur le projet. Le système permet de bien identifier ce qui a été modifié dans les différents fichiers.",[14,115,117],{"id":116},"ce-qui-ma-frustré","Ce qui m'a frustré",[10,119,120],{},"Quand ça ne marche pas… ça ne marche pas.",[10,122,123,124,127],{},"Si le code n'est pas correct dès la première itération, c'est là que tout se complique. L'",[22,125,126],{},"IA patauge parfois sur des erreurs simples",", et en tentant de les corriger, on se retrouve souvent avec d'autres erreurs et des régressions dans le code. Cela devient interminable.",[10,129,130,133],{},[22,131,132],{},"Cas concret"," : la gestion des droits d'accès aux données dans la base (les règles RLS, pour les connaisseurs). Impossible d'obtenir la configuration la plus simple : plus d'une heure et beaucoup d'itérations avant que j'abandonne et que je fasse le nécessaire moi-même, en 2 minutes.",[10,135,136,139],{},[22,137,138],{},"Les régressions permanentes"," : tant qu'on ajoute des fonctionnalités ou des options, cela se passe plutôt bien. Mais dès qu'on améliore ou modifie une fonctionnalité déjà développée, on se retrouve avec de gros soucis de régression.",[10,141,142,144],{},[22,143,132],{}," : la connexion, qui fonctionnait très bien, ne fonctionnait plus après une correction sur la partie des tickets, pourtant sans lien en théorie.",[14,146,148],{"id":147},"ma-conclusion-sur-le-développement-web-par-ia","Ma conclusion sur le développement web par IA",[10,150,151,152,155,156,159],{},"Pour ces tests, j'ai utilisé ",[22,153,154],{},"Cursor avec Claude Sonnet 3.7"," et ",[22,157,158],{},"Windsurf"," avec son IA intégrée.",[161,162,164],"h3",{"id":163},"lia-peut-elle-remplacer-les-développeurs","L'IA peut-elle remplacer les développeurs ?",[10,166,167],{},"Pas encore, et en tout cas pas pour tous les types de projets.",[10,169,170],{},"Pour présenter des maquettes de sites ou des fonctionnalités particulières et isolées à un client, c'est un atout indéniable, en temps comme en compréhension.",[10,172,173],{},"Pour des projets un peu plus complexes, il faut garder le contrôle sur le code, et donc plutôt faire développer des fonctions précises que tout un système.",[10,175,176],{},"Pour le moment, l'IA est un très bon assistant, à partir du moment où on sait exactement ce qu'on fait.",[10,178,179,180,183],{},"Prochaine étape : ",[22,181,182],{},"tester le vibe coding",", qui peut être très intéressant pour un développeur senior qui veut accélérer sa production.",{"title":185,"searchDepth":186,"depth":186,"links":187},"",2,[188,189,190,191,192,193,194],{"id":16,"depth":186,"text":17},{"id":35,"depth":186,"text":36},{"id":45,"depth":186,"text":46},{"id":68,"depth":186,"text":69},{"id":98,"depth":186,"text":99},{"id":116,"depth":186,"text":117},{"id":147,"depth":186,"text":148,"children":195},[196],{"id":163,"depth":197,"text":164},3,false,"Est-ce que l'IA est prête à remplacer les développeurs sur tous les types de projets ? Je me suis lancé un défi pour le découvrir.","2025-03-12","Un développeur senior tente de créer un système de tickets sans écrire une ligne de code, avec Cursor et Windsurf : ce qui bluffe, ce qui frustre, et ce que l'IA peut vraiment faire.","md",{"src":204,"alt":205},"\u002Fimages\u002Fblog\u002Fdeveloppement-projet-web-avec-ia.webp","Un développeur et un robot travaillent ensemble devant un écran de code",{},null,true,"\u002Fblog\u002Fj-ai-teste-le-developpement-d-un-site-web-avec-une-ia",{"title":5,"description":201},{"loc":209},"blog\u002Fj-ai-teste-le-developpement-d-un-site-web-avec-une-ia","technique","Développer avec une IA","rSLbmgaTBAES3KO8nfdpi0h2-tmMHOcMk-yP-9c7p70",[217,224,228,233],{"path":218,"title":219,"chapeau":220,"date":221,"theme":222,"minutes":223},"\u002Fblog\u002Fcahier-des-charges-application-web","Cahier des charges d'une application web : la trame, les erreurs à éviter et un modèle","Un cahier des charges n'a pas besoin d'être long. Il doit surtout dire ce qui compte en premier, qui fait quoi, et ce que le client a vraiment en tête.","2026-10-15","lancer",6,{"path":225,"title":226,"chapeau":227,"date":221,"theme":222,"minutes":223},"\u002Fblog\u002Fcreer-une-plateforme-de-mise-en-relation","Créer une plateforme de mise en relation : étapes, coûts cachés et pièges à éviter","Le développement n'est qu'une partie du budget. Ce qui fait dérailler une plateforme de mise en relation, ce sont surtout les coûts que personne n'a listés au départ.",{"path":229,"title":230,"chapeau":231,"date":232,"theme":213,"minutes":197},"\u002Fblog\u002Fdeveloppement-saas-pourquoi-choisir-supabase-comme-alternative-a-firebase-pour-la-souverainete-de-vos-donnees","Développement SaaS : pourquoi choisir Supabase comme alternative à Firebase pour la souveraineté de vos données ?","Pour un SaaS en 2026, Supabase concilie la rapidité d'un Backend-as-a-Service avec la puissance de PostgreSQL, sans dépendance technologique ni juridique.","2026-01-20",{"path":234,"title":235,"chapeau":236,"date":237,"theme":213,"minutes":238},"\u002Fblog\u002Fstripe-connect-vs-mangopay-en-2026","Stripe Connect vs Mangopay : quelle infrastructure de paiement pour votre marketplace en 2026 ?","Choisir entre Stripe Connect et Mangopay, ce n'est pas comparer des commissions : c'est choisir le modèle de données de votre plateforme.","2026-01-16",13,1792095590528]