Créer son site avec Lovable
en 1 heure chrono

Oui, Lovable propose un plan Free qui permet de faire l’intégralité de ce tutoriel sans débourser un centime. Ce plan inclut la génération d’un projet complet via prompt, un nombre limité de messages d’itération par jour (entre 5 et 10 selon les semaines), la publication sur un sous-domaine .lovable.app, et l’export du code vers GitHub.

Les limites du plan Free apparaissent quand vous voulez aller plus loin : pas de nom de domaine personnalisé, pas d’intégrations payantes type Stripe directement configurées, et un watermark discret « Made with Lovable » en pied de page. Pour la majorité des tutoriels découverte, cela reste largement suffisant. Si votre projet devient sérieux ou client, le plan Starter à 25 dollars par mois lève toutes les limites utiles, c’est un bon rapport qualité-prix face aux alternatives comme Webflow ou Framer qui coûtent deux à trois fois plus cher pour des fonctionnalités similaires en no-code.

Mon conseil personnel : utilisez le plan Free pendant les deux premières semaines pour bien maîtriser l’outil sur 3 ou 4 projets différents, sans vous engager financièrement. Quand vous sentirez que Lovable est devenu votre outil principal pour créer des sites, le passage à Starter devient naturel et rentable dès le premier vrai projet client. N’hésitez pas à tester, désabonner et revenir : la politique de tarification mensuelle sans engagement le permet sans pénalité.

Oui, la connexion d’un nom de domaine est disponible sur les plans payants de Lovable (à partir de Starter). La procédure se fait en trois étapes depuis les paramètres de votre projet. D’abord, Lovable vous donne un enregistrement DNS (généralement de type CNAME ou A) à ajouter chez votre registrar, que ce soit OVH, Gandi, Namecheap ou Google Domains. Ensuite, vous patientez entre 1 heure et 24 heures pour la propagation DNS sur les serveurs mondiaux. Enfin, Lovable détecte automatiquement que le DNS pointe bien vers leurs serveurs et active votre domaine custom.

Quelques pièges à éviter lors de cette étape. Désactivez le proxy Cloudflare si vous en avez un, il bloque parfois la vérification initiale de Lovable. Assurez-vous que le domaine vise bien la racine (exemple.fr) et le sous-domaine www si vous voulez que les deux versions fonctionnent. Pensez aussi à activer le certificat SSL dans les paramètres Lovable, il est gratuit et inclus, mais parfois désactivé par défaut selon votre région.

Une astuce supplémentaire pour les utilisateurs avancés : si vous gérez plusieurs sites Lovable avec des domaines différents, utilisez un registrar unique comme OVH qui permet de tout centraliser dans un même panneau DNS. Cela simplifie énormément la gestion quand vous devez changer de CDN ou migrer un projet. Pour les projets clients, je recommande vivement d’acheter le domaine au nom du client dès le départ, pour éviter les complications administratives en cas de transfert du site après la livraison. Cette clarté de propriété vous évitera des discussions pénibles six mois plus tard.

Techniquement oui, Lovable produit un HTML propre avec les balises meta essentielles (title, description, Open Graph), une structure sémantique correcte (h1, h2, h3 respectés) et des URL lisibles. Google n’a donc aucun problème à crawler et indexer les sites Lovable. Mais soyons honnêtes : un site généré automatiquement n’aura jamais le niveau d’optimisation SEO d’un site retravaillé manuellement par un consultant comme moi.

Concrètement, après génération, je conseille de faire passer 3 choses. Premièrement, réécrire les balises title et les meta descriptions : Lovable les génère de façon générique, or ce sont vos principaux leviers de CTR dans les résultats Google. Deuxièmement, enrichir les contenus : les sections sont souvent un peu courtes et manquent de profondeur pour se positionner sur des requêtes concurrentielles. Troisièmement, optimiser les images : Lovable sort des images au format correct mais ne remplit pas toujours les attributs alt, qui sont importants pour l’accessibilité et le SEO.

Avec ces 3 passes, un site Lovable peut tout à fait rivaliser avec un site WordPress classique dans les résultats de recherche. J’ai moi-même positionné plusieurs sites Lovable en top 3 sur des mots-clés locaux (consultant, coach, artisan) en complétant avec du netlinking ciblé et une stratégie de contenu solide. L’outil ne remplace pas le SEO manuel, il accélère juste la mise en ligne du site. Pensez aussi à installer rapidement Google Search Console et Plausible ou Matomo pour suivre les performances, ça fait gagner énormément de temps dans les décisions d’optimisation.

Tout dépend de la taille et de la complexité de votre boutique. Pour un petit catalogue de 5 à 30 produits, un paiement via Stripe et une gestion basique des commandes par email, Lovable fait le job très bien. J’ai moi-même livré une boutique de formations en ligne en 3 heures chrono avec paiement Stripe intégré, ça tourne nickel depuis 6 mois sans souci.

Par contre, si vous visez un vrai e-commerce avec 100 produits et plus, gestion de stock en temps réel, variantes complexes (tailles, couleurs, pack), système de codes promo, intégration logistique type Sendcloud ou Colissimo, tableau de bord vendeur avancé, restez sur une plateforme spécialisée comme Shopify ou WooCommerce. Lovable excelle sur les landing pages produit, les sites vitrines, les MVP de SaaS, les portfolios et les sites événementiels. Pour un vrai e-commerce à grande échelle, ce n’est pas le bon outil, pas parce qu’il en est incapable techniquement, mais parce que les écosystèmes spécialisés (apps, intégrations, support) font gagner beaucoup de temps sur la durée de vie du projet.

Une approche hybride que j’utilise parfois : créer la landing page commerciale avec Lovable (pour son rendu premium et rapide), et gérer le checkout via une intégration Stripe Payment Links ou un embed Shopify Buy Button. Cette combinaison offre le meilleur des deux mondes, un site vitrine ultra-propre et un moteur e-commerce solide. Elle demande un peu de configuration initiale mais reste bien moins complexe que de monter un Shopify complet pour un catalogue de 10 produits.

Oui, et c’est un des plus gros avantages de Lovable par rapport à ses concurrents. Via la fonction « Export to GitHub » accessible depuis l’interface, Lovable pousse l’intégralité du code source de votre projet dans un dépôt GitHub privé que vous contrôlez entièrement. Vous récupérez du code React moderne, bien structuré, avec Tailwind CSS pour le style, ce qui le rend facilement éditable par n’importe quel développeur.

Cette portabilité change tout. Elle vous protège en cas de pivot stratégique de Lovable, évite le vendor lock-in que subissent souvent les utilisateurs de Wix ou Squarespace, et ouvre la porte à des optimisations manuelles poussées. Concrètement, une fois votre code sur GitHub, vous pouvez le déployer sur Vercel ou Netlify gratuitement, ajouter des fonctionnalités custom avec un dev, brancher un backend Node.js ou Python maison, intégrer des librairies externes non supportées par Lovable, et surtout garder le code pour toujours même si vous arrêtez votre abonnement.

C’est une vraie tranquillité d’esprit, surtout pour les projets client où je facture ce code comme livrable final. Quelques précisions importantes : l’export GitHub nécessite un compte GitHub (gratuit) et Lovable demande une autorisation OAuth pour créer le repo. Le code exporté est à jour à la seconde près avec votre projet Lovable, vous pouvez donc exporter autant de fois que vous voulez. En revanche, si vous modifiez ensuite le code à la main sur GitHub, ces changements ne seront pas répercutés sur Lovable : l’export est à sens unique. Pour revenir en arrière ou continuer à itérer dans Lovable, partez toujours du code Lovable à jour.

Sur le plan Free, vous êtes limité à 3 projets simultanés actifs. Au-delà, vous devez soit archiver un ancien projet, soit passer au plan payant. Sur le plan Starter à 25 dollars, la limite passe à 10 projets, et sur les plans Pro et Enterprise elle devient illimitée. Cette contrainte est surtout gênante si vous êtes en phase d’exploration et voulez tester plein d’idées différentes.

Mon conseil pratique : utilisez un seul projet « bac à sable » pour vos tests rapides (comme valider une palette de couleurs, tester un prompt, explorer une nouvelle fonctionnalité), et créez un projet dédié uniquement pour les sites sérieux que vous comptez déployer. Comme ça vous ne saturez pas le quota avec des essais. L’archivage permet aussi de libérer des slots sans perdre le code : tout reste stocké dans votre espace personnel et peut être restauré à tout moment.

Pour les consultants qui livrent plusieurs projets clients, le plan Pro à 79 dollars devient vite rentable dès le deuxième site client dans le mois. Il offre en plus des fonctionnalités collaboratives utiles comme le partage de projet avec un client pour validation, les commentaires sur sections spécifiques et un historique des versions plus long. Au-delà de 10 projets actifs par mois, le plan Team à 199 dollars devient intéressant si vous travaillez en agence ou avec plusieurs collaborateurs. Pour un solo, restez sur Starter ou Pro, c’est largement suffisant les premiers mois.

Lovable et Bolt.new sont les deux leaders des AI builders en 2026, mais avec des philosophies différentes. Lovable privilégie la génération complète et polie d’un projet à partir d’un prompt, avec une interface très visuelle qui ressemble à un mix entre Figma et un éditeur de code. Bolt.new, de son côté, adopte une approche plus « dev-first » : l’interface montre plus clairement le code, offre un terminal intégré, et donne une sensation de contrôle technique plus proche de ce que ressent un développeur dans VS Code.

En pratique, je recommande Lovable aux personnes non-techniques qui veulent un résultat visuel immédiat sans mettre les mains dans le cambouis. Bolt.new convient mieux aux profils techniques (développeurs juniors, PM orientés produit) qui veulent pouvoir intervenir finement sur le code généré. Sur la qualité du rendu, Lovable produit généralement un design plus « prêt à l’emploi » dès la première génération, tandis que Bolt.new donne souvent une V1 plus brute qui demande plus d’itérations pour atteindre le même niveau de finition.

Côté tarifs, les deux outils sont sensiblement équivalents, avec un plan Free limité et des plans payants qui démarrent autour de 20-25 dollars par mois. Côté communauté et ressources, Lovable a pris une légère avance ces derniers mois grâce à un écosystème de templates et de formations plus fourni en français. Pour approfondir, j’ai écrit un comparatif détaillé sur mon blog qui compare les deux outils sur 15 critères précis avec des captures à l’appui. Ma conclusion pour un débutant : commencez par Lovable, testez Bolt.new une fois à l’aise pour voir si l’approche dev-first vous convient mieux.

Oui, Lovable supporte nativement les connexions à Supabase, qui est probablement la meilleure base de données pour les projets sortis via AI builder en 2026. Supabase offre une base PostgreSQL managée, une authentification intégrée, du stockage de fichiers et des API auto-générées, le tout dans une interface claire. Depuis Lovable, vous demandez simplement dans le chat « connecte ce projet à Supabase pour stocker les soumissions du formulaire » et l’outil gère toute la configuration, les clés API et les requêtes CRUD.

Pour des bases de données plus custom (PostgreSQL auto-hébergé, MongoDB, MySQL), la procédure demande un peu plus de configuration. Vous pouvez passer par une fonction serverless intermédiaire (Supabase Edge Functions ou un endpoint Vercel) qui fait le relais entre Lovable et votre base maison. J’ai testé cette approche sur un projet client qui avait déjà une base PostgreSQL sur OVH, ça fonctionne très bien mais demande environ 1 heure de configuration supplémentaire.

Pour 95% des cas d’usage, Supabase géré par Lovable est la voie la plus rapide et la plus fiable, je recommande de commencer par là avant d’envisager du sur-mesure. Attention tout de même à bien configurer les Row Level Security (RLS) de Supabase dès le départ : c’est le point de sécurité critique qui protège vos données. Lovable ne le fait pas automatiquement, c’est à vous de définir les règles d’accès dans l’interface Supabase. Pour un projet sérieux, prévoyez 30 minutes de configuration RLS supplémentaires. Côté tarifs, Supabase offre un plan Free largement suffisant pour débuter, avec 500 Mo de stockage et 50 000 utilisateurs actifs par mois, ce qui couvre la plupart des projets lancés.

Cela arrive, et c’est normal. Les AI builders restent des outils probabilistes, ils peuvent générer du code cassé, perdre le fil sur des modifications complexes ou produire des résultats incohérents. Trois techniques m’ont sauvé à chaque fois que ça arrive. Premièrement, la fonction « Undo » dans Lovable permet de revenir à l’état juste avant la modification problématique, utilisez-la sans hésiter plutôt que de vouloir corriger par-dessus un bug.

Deuxièmement, si un bug persiste après plusieurs itérations, demandez à Lovable de « regarder le code et identifier l’erreur ». L’outil est capable de s’auto-diagnostiquer dans la majorité des cas, il trouve souvent le bug et le corrige en une itération supplémentaire. Troisièmement, si tout échoue, utilisez la fonction « Reset to last working version » qui remet l’ensemble du projet dans son dernier état stable connu, vous perdez les itérations récentes mais vous récupérez un projet fonctionnel.

Enfin, en cas de blocage total sur un projet stratégique, j’ai une astuce : exportez le code sur GitHub, clonez-le en local, demandez de l’aide à un dev sur les 20% du code qui posent problème. C’est moins « magique » mais c’est parfois la seule option pour débloquer une situation complexe rapidement. Pour éviter ces galères au maximum, prenez l’habitude de faire des exports GitHub réguliers (tous les 5 à 10 itérations sur un projet sérieux), comme vous feriez des sauvegardes Git classiques. Cette hygiène de sauvegarde coûte 30 secondes et peut vous sauver des heures de travail perdu en cas de crash ou de régression imprévue sur Lovable.

Pour un débutant complet qui part de zéro, comptez environ 5 à 10 heures de pratique pour maîtriser 80% des possibilités de Lovable. Ce tutoriel que vous êtes en train de lire couvre l’essentiel, mais la vraie maîtrise vient en faisant plusieurs projets différents. Je recommande de viser 3 à 5 projets variés sur les deux premières semaines : une landing page, un portfolio, un formulaire avancé avec base de données, un mini-dashboard, un site événementiel. Cette variété force à explorer toutes les fonctionnalités.

Le vrai saut qualitatif se fait quand vous arrêtez de penser « comment je fais ça dans Lovable » et que vous commencez à penser « quel prompt va produire ça dans Lovable ». Cette bascule mentale prend en général entre la semaine 2 et la semaine 4. Vous commencez à anticiper ce que l’IA va comprendre, à formuler des demandes précises et contextuelles, à enchaîner les itérations de façon efficace. C’est à ce moment-là qu’un projet complet qui prenait 4 heures au départ se fait en 45 minutes. Pour aller encore plus loin et atteindre le niveau expert où vous livrez des sites clients en 1 heure tous les jours, comptez plutôt 3 à 6 mois d’usage quotidien. C’est un apprentissage continu mais ultra-rapide comparé à apprendre à coder de zéro.