Vibe Coding : Pourquoi on préfère Windsurf et Cursor à Lovable ou Bolt

Qu'est-ce que le vibe coding ?

Les modèles LLM ont prouvé qu’ils savaient générer du code. Aujourd’hui, certaines applications permettent de créer des sites web complets simplement en décrivant ce qu’on souhaite avec des prompts. On a voulu voir si ces outils tiennent vraiment leurs promesses pour concevoir des landing pages ou des prototypes d’application, même quand on n’est pas développeur.

Que peut-on faire en vibe coding quand on n'est pas développeur ?

Des landing pages : parfaitement adapté

C’est sans doute l’un des usages les plus efficaces aujourd’hui. Par rapport aux outils classiques comme Webflow, Wix ou WordPress, le vibe coding permet d’obtenir un résultat très proche de ce qu’on a en tête, avec simplement quelques dizaines de prompts.

On a par exemple testé la création d’un site vitrine pour un outil de comptabilité destiné aux e-commerçants. Le site généré était entièrement responsive, avec des effets au survol, et surtout, une base solide dont on pouvait facilement modifier le contenu texte.

Des applications : pour les plus aguerris

On peut effectivement développer des applications web simples, avec des fonctionnalités interactives — comme des calculatrices ou des formulaires intelligents. En revanche, dès qu’on veut aller plus loin (par exemple créer un système d’authentification ou stocker des données dynamiques), il faut combiner le vibe coding à d’autres outils, notamment pour gérer une base de données. Lovable propose ainsi une intégration avec Supabase. 

On a notamment tenté de reproduire une interface d’OCR facture, proche de ce qu’on propose avec Koncile. Le résultat : un prototype fonctionnel, qui peut servir de point de départ pour itérer et affiner une vraie application.

Des jeux et expériences immersives

Nous avons également exploré le potentiel du vibe coding pour créer des mini-jeux ou des expériences interactives type “scroll magique” ou interfaces animées. Les résultats sont surprenants : il est possible de générer des jeux simples (quizz, memory, mini-jeux d’adresse) avec des interactions fluides et un rendu visuel engageant. En revanche, dès qu’il s’agit de logique complexe, de gestion d’état ou de physique, les limites du modèle se font vite sentir.

Les limites du vibe coding

Allers-retours parfois fastidieux

On a vite remarqué une limite frustrante : certaines modifications, même simples à nos yeux, demandent parfois 10 à 15 prompts pour être correctement prises en compte. Ce qui nous paraît évident nécessite souvent beaucoup de précisions pour l’IA. C’est clairement la partie la plus laborieuse de l’expérience.

Absence de CMS intégré pour les sites de contenu

Les outils de vibe coding sont-ils adaptés pour créer des blogs ou des sites avec plusieurs pages et des sections “ressources” bien structurées ? Pour l’instant, pas vraiment.

On peut certes ajouter de nouvelles pages via des prompts, mais la structure globale du site manque souvent de cohérence. L’outil a tendance à “réinventer la roue” à chaque page, avec un style qui varie, voire des erreurs qui apparaissent sur des pages déjà créées.

Pour ce type de besoin, les CMS comme Webflow ou WordPress restent plus robustes.

Figma a annoncé l’arrivée d’un CMS intégré dans son outil de génération de sites (Figma Sites), mais on attend encore un vrai outil qui permette de construire une interface CMS solide à partir d’un site généré en vibe coding.

Fenêtre de contexte parfois un peu limitée

On a constaté que certains outils oublient parfois les instructions données dans les prompts précédents. C’est lié à la limite de la “fenêtre de contexte” utilisée par les modèles LLM pour traiter vos requêtes. Il faut souvent revenir en arrière et répéter des informations cruciales du site ou demander de respecter la cohérence avec des précédents prompts. 

Heureusement, cette contrainte devrait peu à peu disparaître avec l’augmentation progressive de la taille des contextes dans les prochaines générations d’outils.

Lovable : on a testé le vibe coding accessible

Création d'un site qui fonctionne

Il faut reconnaître que Lovable est redoutablement efficace pour créer rapidement un site fonctionnel. C’est sans doute la méthode la plus rapide aujourd’hui pour obtenir un résultat concret, sans passer par une phase de configuration technique.

Déploiement en 3 clics sur notre nom de domaine

Lovable propose une option de connexion directe avec les fournisseurs de noms de domaine. On a pu déployer notre site en quelques minutes, avec un domaine acheté sur GoDaddy pour moins de 5 euros la première année. L’outil s’occupe automatiquement des réglages techniques : configuration du DNS et des certificats SSL compris.

Optimisation SEO assez facile (si on fait les bons prompts)

Les sites créés avec Lovable sont, de façon assez surprenante, bien optimisés pour le SEO. L’outil structure automatiquement le contenu avec des balises pertinentes, génère des méta-descriptions adaptées et crée des sitemaps efficaces.

À condition, bien sûr, de le demander dans les prompts. On a simplement écrit “Ajoute des données structurées” et obtenu des schémas Schema.org parfaitement intégrés — une tâche souvent fastidieuse sur Webflow ou WordPress.

Même constat pour le maillage interne : Lovable peut créer les liens entre pages ou articles, ce qui fait gagner un temps précieux. Il faut simplement penser à vérifier que les ancres utilisées (le texte cliquable) sont bien choisies.

Intégration Figma, pas hyper simple à manier

On a importé nos designs Figma directement dans Lovable avec un résultat fidèle à nos maquettes. Attention par contre : notre fichier Figma devait être bien structuré avec des auto-layouts pour que ça fonctionne correctement en responsive.

Copier coller facilement des composants UI

Lovable propose une forme d’intégration avec la bibliothèque de composants UI 21st.dev. Il faut dire que l’ajout d’animations ou d’éléments interactifs est assez tentant. Le fonctionnement est simple : on copie-colle les prompts proposés par la bibliothèque, et l’outil se charge automatiquement d’installer les librairies et dépendances nécessaires. On peut vraiment utiliser de très beaux composants et animations très simplement. 

Bolt : l'alternative proche de Lovable

Bolt est l’outil le plus accessible que nous ayons testé pour faire du vibe coding. Son interface a été pensée pour les utilisateurs sans aucune expérience technique. Dès l’ouverture, l’application vous guide étape par étape, avec des suggestions intelligentes qui facilitent la formulation des prompts. C’est une bonne solution pour lancer un premier projet.

Ce qui nous a convaincus, c’est la simplicité. Bolt prend en charge l’hébergement et l’optimisation mobile sans configuration manuelle (comme Lovable).

On parvient à construire une application Workflow builder qui utilise une clef Open AI pour générer des étapes d'un outil OCR et traitement des documents comme Koncile, une solution d’automatisation des documents efficace, sans une ligne de code.

Le tout généré en moins de 15 minutes.

Évidemment, cette approche a ses limites. Les options avancées sont plus restreintes que sur Windsurf, et l’absence d’intégrations tierces peut freiner les projets plus ambitieux. Mais pour découvrir le vibe coding ou tester une idée rapidement, Bolt est sans doute la meilleure porte d’entrée aujourd’hui.

Windsurf : si vous voulez aller plus loin qu'un simple test

Après plusieurs tests, on a fini par adopter Windsurf comme solution principale. Même si l’outil s’adresse à la base aux développeurs, la petite courbe d’apprentissage en vaut la peine — surtout quand on prévoit de nombreuses itérations sur un projet.

Contrairement à Lovable ou Bolt, Windsurf s’installe sur ordinateur. L’application est basée sur l’éditeur open source VS Code, ce qui permet de garder la main sur le code tout en profitant de l’assistance de l’IA.

Une configuration initiale plus technique

On ne va pas se mentir, la configuration initiale de Windsurf demande un peu plus d’efforts. On a fait le test en migrant un site vitrine depuis Lovable, et il nous a fallu quelques heures pour tout remettre en place correctement.

Cela dit, l’interface de Windsurf guide plutôt bien à chaque étape, ce qui aide à surmonter les difficultés techniques.

Concrètement, on a exporté notre site Lovable vers GitHub, puis activé la synchronisation bidirectionnelle dans les paramètres — une option simple à mettre en place.

On a ensuite importé le projet dans Windsurf pour pouvoir le modifier.

Quand on part de zéro, il faut parfois un peu plus d’itérations pour obtenir un bon résultat, mais avec un peu de patience, on y arrive.

Des prompts quasi illimités qui changent tout

Sur Lovable, on fait attention à chaque prompt — surtout une fois les 5 requêtes gratuites par jour dépassées. Et pourtant, il faut souvent en envoyer des centaines pour affiner une application.

Avec Windsurf, ce frein disparaît. On peut utiliser des modèles avec un nombre de prompts illimités, ou connecter l’outil à GPT (ou un autre LLM) avec des quotas suffisamment généreux pour coder une application complète dans de bonnes conditions.

Notre expérience concrète de déploiement

On a utilisé Windsurf pour créer un site spécialisé en comptabilité pour les e-commerçants. Après l’avoir testé en local, on a constaté une différence notable avec Lovable : ici, c’est à nous de gérer le déploiement et l’hébergement.

Heureusement, il existe des solutions simples. On a d’abord créé un dépôt GitHub pour héberger l’ensemble du projet, puis on l’a déployé via Vercel, guidés pas à pas par l’outil.

En bonus : Windsurf a corrigé plusieurs erreurs en cours de route. Et le résultat final est plutôt impressionnant— le site se charge plus vite que celui généré avec Lovable, alors même que les composants et les images sont identiques.

Cursor : notre choix quand on veut garder le contrôle

Pour nos projets plus complexes, on se tourne désormais vers Cursor. C'est selon nous la solution de vibe coding la mieux adaptée quand on a quelques connaissances techniques et qu'on veut rester maître de son code.

Parfait pour nos projets plus techniques

Quand on a besoin d'un contrôle précis sur notre code tout en profitant de l'assistance de l'IA, on trouve que Cursor offre le meilleur équilibre. On peut intervenir à tout moment pour ajuster ce que l’IA génère, idéal pour intégrer de façon ciblée des briques comme un système de workflow documentaire, même personnalisé.

S'intègre parfaitement à notre workflow existant

On apprécie que Cursor s'adapte à notre façon de travailler plutôt que l'inverse. On peut adopter progressivement le vibe coding sans bousculer nos habitudes de développement.

La communauté la plus active

On a trouvé une communauté active qui partage régulièrement des astuces et des solutions. Ça nous a fait gagner un temps précieux face à certains problèmes spécifiques.