Tu as une idée de logiciel en ligne, mais tu ne sais pas coder et tu n'as pas des milliers d'euros à investir dans un développeur ? Aujourd'hui, tu peux créer un SaaS en discutant avec une IA. Pour te le prouver, j'ai créé LandingSpark, un générateur de landing pages avec comptes utilisateurs, contenu généré par l'IA et abonnements payants, en 12 prompts sur Lovable. Je te montre les 14 étapes, de la landing page à la mise en ligne, avec le vrai budget et, surtout, ce qui n'a pas marché du premier coup.
Le tuto en vidéo
Le guide complet en une heure : je crée LandingSpark de A à Z, en direct, avec les tests et les erreurs.
Créer un SaaS avec l'IA : ce qu'on va construire
Un SaaS (« Software as a Service »), c'est un logiciel que tes clients utilisent en ligne, souvent avec un abonnement. LandingSpark, mon SaaS démo, permet à ses utilisateurs de :
- créer un compte et se connecter à leur tableau de bord ;
- remplir un formulaire en 3 étapes sur leur offre ;
- obtenir une landing page complète, rédigée par l'IA, sur l'un des 3 modèles (SaaS, produit digital, service) ;
- la publier à une adresse publique ;
- passer à un abonnement payant pour débloquer plus de pages et de modèles.
Pour l'idée, je me suis inspirée d'une application web existante qui crée des landing pages. J'ai ensuite brainstormé avec Claude pour rédiger les 12 prompts que j'utilise dans la vidéo.
Un prompt par étape, en mode Plan, et un test après chaque prompt.
Les outils et le budget pour créer un SaaS
Pour créer un SaaS, il te faut quatre briques principales, et éventuellement une cinquième.
Prix indiqués dans la vidéo (février 2026). Tu peux commencer gratuitement avec Lovable, Supabase, Stripe et Gemini.
- Lovable : l'outil de vibe coding. Tu discutes avec l'IA en français, et Lovable génère le code et le design de ton SaaS, puis l'héberge. Le plan gratuit donne 5 crédits par jour, avec un maximum de 30 par mois : assez pour un prototype, mais limité pour un vrai SaaS, et sans nom de domaine personnalisé. Pour un vrai projet, je recommande le plan Pro, avec 100 à 200 crédits par mois (environ 45 € pour 200 crédits au moment de la vidéo).
- Supabase : le backend, c'est-à-dire l'arrière-boutique de ton SaaS. Il stocke les données, gère la connexion de tes utilisateurs et fait le lien avec les outils externes. Sans backend, tes utilisateurs ne peuvent ni se connecter ni enregistrer quoi que ce soit. Tu commences gratuitement, puis tu passes au plan Pro (25 $ par mois) quand ton SaaS grandit.
- Stripe : les paiements. Pas d'abonnement : Stripe prend un pourcentage sur chaque paiement reçu.
- Un nom de domaine : l'adresse de ton SaaS (par exemple landingspark.fr), autour de 15 à 20 € par an, souvent moins la première année.
- En option, des outils externes, comme une IA (Gemini, ChatGPT…) que ton SaaS appelle avec une clé API. Ils sont souvent facturés à la requête : quelques centimes à chaque fois qu'un utilisateur génère du contenu.
Certains liens sont affiliés : ça ne te coûte rien de plus et ça soutient mes tutos gratuits.
Étape 1 : créer la vitrine de ton SaaS
Crée ton compte sur Lovable en quelques clics. Tu arrives sur ton tableau de bord, avec une grande fenêtre de chat qui fonctionne un peu comme ChatGPT : c'est là que tu décris ce que tu veux créer.
La landing page du SaaS
Je commence toujours par la landing page publique : c'est le plus simple à créer pour Lovable, et ça lui donne le contexte de ton SaaS. Mon prompt détaille toutes les sections (hero, comment ça marche, fonctionnalités, exemples, avantages, appel à l'action, pied de page, menu), mais ses deux premières lignes suffisent pour démarrer :
Plus tu es précis, plus Lovable colle à ta demande ; avec un prompt court, il fait des propositions lui-même.
Le dashboard de tes utilisateurs
Deuxième prompt : le tableau de bord des utilisateurs connectés, avec trois onglets. « Générer une landing » (un formulaire en 3 étapes : informations, design, appel à l'action et adresse personnalisée), « Mes landing pages » (la liste des pages, publiées ou en brouillon) et « Paramètres ».
Teste après chaque prompt. Remplis le formulaire, clique sur « Suivant » : si quelque chose ne marche pas, demande-le à Lovable tout de suite. À ce stade, le bouton « Générer ma landing page » ne fait rien, et c'est normal : la fonctionnalité n'existe pas encore.
Étape 2 : connecter le backend Supabase
Pour que tes utilisateurs puissent créer un compte et enregistrer leurs pages, ton SaaS a besoin d'un backend. J'ai choisi Supabase, qui offre selon moi le meilleur rapport qualité-prix avec les outils de vibe coding comme Lovable.
Crée ton projet Supabase
- Sur Supabase, clique sur Start for free et crée ton compte.
- Crée une organisation (ton nom, celui de ton entreprise ou de ton projet).
- Clique sur New project : donne-lui le nom de ton SaaS, un mot de passe, choisis ta région (France), coche Automatic RLS, puis Create new project.
Le plan gratuit permet d'avoir deux projets.
Connecte-le à Lovable
Dans Lovable, à côté de l'onglet de prévisualisation, ouvre l'onglet Cloud (le petit nuage). Ne clique pas sur la grande carte Lovable Cloud : cherche le petit lien pour connecter un projet Supabase existant. Ajoute ton organisation Supabase, choisis ton projet, et c'est connecté.
Lovable Cloud ou ton propre Supabase ?
Lovable Cloud est un backend intégré à Lovable, construit sur Supabase. Il se met en place en quelques clics, avec un crédit offert chaque mois (25 $ au moment de la vidéo). Pourquoi je ne l'utilise pas ici ?
Lovable Cloud est très bien pour un prototype ou un MVP. Pour un vrai SaaS dont tu restes maître, connecte ton propre projet Supabase.
Parce que si ton SaaS grandit, le coût peut vite monter. Et le code généré par Lovable est alors adapté à Lovable Cloud : si tu veux un jour en partir, c'est plus compliqué. Avec ton propre projet Supabase, tu restes indépendant : tu fais ce que tu veux du code, et ça te coûte moins cher quand tu grandis. Lovable Cloud reste très bien pour un prototype ou un MVP.
Ajoute l'authentification
Troisième prompt : un système d'inscription et de connexion avec Supabase. Mon prompt décrit la page d'inscription (avec des règles de mot de passe), la page de connexion, la protection du dashboard (seuls les utilisateurs connectés y accèdent) et les liens depuis les boutons de la landing page.
Crée un compte de test : tu dois arriver sur le dashboard. Dans Supabase, Authentication › Users affiche ton nouvel utilisateur : ça marche.
Étape 3 : construire la fonctionnalité principale
C'est le cœur de ton SaaS. Pour LandingSpark : transformer le formulaire de l'utilisateur en landing page complète, l'enregistrer et la publier.
Crée tes templates avec une inspiration de design
Pour une première version simple, j'ai fait créer 3 modèles de landing pages : SaaS, produit digital et service. Pour chacun, mon prompt donne une image d'inspiration trouvée sur Dribbble (pour le style visuel uniquement) et la structure de la page à respecter.
Pour joindre une image : clique sur le +, puis Attach. Dans la vidéo, j'ai oublié de la joindre au premier essai : j'ai refusé le plan proposé, puis renvoyé le prompt avec l'image. Résultat : trois modèles différents et professionnels, chacun avec un seul prompt et une image.
Génère le contenu avec l'API Google Gemini
Pour rédiger le contenu des landing pages, LandingSpark fait appel à une IA externe : Google Gemini, via une clé API (un code secret qui connecte deux outils). Gemini propose un niveau gratuit pour débuter.
- Sur Google AI Studio, connecte-toi avec ton compte Google.
- Clique sur Get API key, puis Créer une clé API. Garde le projet par défaut, nomme la clé avec le nom de ton SaaS et crée-la.
- Envoie ton prompt à Lovable. Le mien lui demande de récupérer les données du formulaire, d'envoyer à Gemini une instruction adaptée au type de page (SaaS, produit digital ou service), d'injecter le contenu dans le bon modèle, d'appliquer la couleur choisie, puis d'afficher l'aperçu.
- Lovable te demande ta clé : colle-la. Il la stocke de façon sécurisée dans Supabase.
Résultat : le texte de la page est entièrement réécrit par l'IA pour l'offre de l'utilisateur, et la couleur verte du modèle est remplacée par celle qu'il a choisie.
Enregistre les pages dans Supabase
À ce stade, les pages générées ne sont enregistrées nulle part. Un prompt très court suffit :
Lovable te demande l'autorisation de modifier ta base de données : accepte. Il crée une table dans Supabase (un peu comme un tableau Excel) où chaque landing page est enregistrée. Il a même ajouté de lui-même les actions « Voir », « Dupliquer » et « Supprimer », sans que je les demande.
Publie les pages à une adresse publique
Deux derniers prompts pour la fonctionnalité : un bouton Publier dans l'aperçu (avec vérification que l'adresse choisie est libre), puis une route publique (/nom-choisi) qui affiche les pages publiées à tout le monde, sans connexion, et une page 404 pour les brouillons.
Les ressources de la vidéo, dans le Kit vibe coding.
- Les 12 prompts complets de LandingSpark, prêts à copier-coller
- Le guide pas à pas en 14 étapes, avec tous les liens
- Les images de design utilisées pour les 3 templates
:::
Étape 4 : monétiser ton SaaS avec Stripe
Pour encaisser des abonnements, connecte Stripe. Crée ton compte, puis un environnement de test : en haut à gauche de ton tableau de bord Stripe, clique sur ton nom de compte, puis Créer un environnement de test. C'est un vrai tableau de bord, mais les paiements sont fictifs.
Mon prompt décrit les 3 plans de LandingSpark (Gratuit, Pro à 19 € par mois, Business à 49 € par mois), leurs limites et la logique d'abonnement (plan gratuit par défaut, passage au plan supérieur depuis le dashboard, annulation…).
- Lovable te demande ta clé API Stripe : dans Stripe, va dans Développeurs › Clés API. Pour un environnement de test, la clé secrète standard suffit ; en production, crée plutôt une clé limitée, avec seulement les permissions nécessaires.
- Lovable crée lui-même les produits dans ton catalogue Stripe, puis propose son plan. Approuve-le.
- Teste : dans les paramètres du dashboard, choisis un plan payant. La page de paiement Stripe s'ouvre ; en mode test, utilise la carte
4242 4242 4242 4242, une date d'expiration future et n'importe quel code.
Dernier prompt : une section tarifs sur la landing page, avec les 3 plans. Lovable a même ajouté un lien dans le menu et un bouton mensuel/annuel avec -20 %.
Étape 5 : vérifier la sécurité et publier ton SaaS
Lance le scan de sécurité
Dans Lovable, ouvre l'onglet Security et clique sur Update pour lancer un scan : il analyse ton code et tes connexions aux autres outils, sans consommer de crédits. Le mien a trouvé 2 erreurs majeures (en rouge, à corriger absolument) et 3 avertissements. Avec Try to fix all, Lovable a corrigé les deux erreurs tout seul, sans crédit. Pour les avertissements, relance un scan, essaie de les corriger, sinon suis ses recommandations (parfois, un réglage est à changer dans Supabase).
Publie, puis connecte ton nom de domaine
- Clique sur Publish en haut à droite, puis sur le crayon pour choisir ton adresse en .lovable.app (si le nom est pris, choisis-en un autre).
- Ajoute une icône, un titre, une description et une image pour les réseaux sociaux : c'est ce qui s'affiche dans Google et quand tu partages ton lien.
- Ton SaaS est en ligne, gratuitement, mais sur une adresse qui ne t'appartient pas. Pour en être propriétaire, clique sur Custom domain : connecte un nom de domaine que tu as acheté (je prends les miens chez Hostinger), ou achète-le directement depuis Lovable.
Ce qui n'a pas marché du premier coup
Créer un SaaS avec l'IA, c'est rapide, mais pas magique. Voici ce que j'ai dû (ou devrais) reprendre sur LandingSpark :
- l'image oubliée pour le premier template : plan refusé, prompt renvoyé avec l'image ;
- une seule page pour l'inscription et la connexion, alors que je préfère deux pages séparées ;
- le bouton « Modifier » de l'aperçu renvoyait vers la liste des pages, pas vers le formulaire prérempli ;
- l'aperçu mobile des landing pages n'était pas adapté ;
- publier une page créait un doublon au lieu de changer le statut du brouillon ;
- les adresses publiques ont été créées avec un mauvais chemin, alors que mes tests avant la vidéo fonctionnaient ;
- le paiement Stripe n'a pas mis à jour le plan de l'utilisateur.
La leçon : une demande à la fois. Mon prompt de publication en demandait sans doute trop d'un coup. Et teste après chaque étape : chaque erreur se corrige avec un nouveau prompt, à condition de la repérer.
Combien de crédits Lovable pour créer un SaaS ?
Un prompt ne coûte pas un crédit fixe : Lovable consomme des crédits selon le travail à faire. Clique sur les trois petits points à la fin d'une action pour voir son temps de travail et ses crédits. Sur LandingSpark, une action de 2 min 30 a coûté 3,9 crédits, une autre 1 crédit, et la correction de sécurité, 0. Avec 100 crédits par mois, ça part assez vite quand tu crées un vrai SaaS.
Combien coûte un SaaS créé avec l'IA ?
| Poste | Prix | Remarque |
|---|---|---|
| Lovable | 20 à 50 €/mois | Plan Pro, selon tes crédits ; gratuit pour un prototype |
| Supabase | 0 à 25 $/mois | Gratuit pour démarrer, plan Pro quand ton SaaS grandit |
| Stripe | Gratuit + un pourcentage par paiement | Aucun abonnement |
| Nom de domaine | 15 à 20 €/an | Souvent moins cher la première année |
| API Gemini (option) | Niveau gratuit, puis à la requête | Selon l'usage de tes utilisateurs |
Prix indiqués dans la vidéo (février 2026). Avant, il fallait dépenser des milliers d'euros ou savoir coder pour lancer un logiciel ; aujourd'hui, quelques dizaines d'euros par mois suffisent pour une première version.
Mon avis : Lovable pour créer un SaaS
Lovable, c'est vraiment génial. Sans écrire une ligne de code, sans être experte en design, j'ai obtenu une première version de SaaS professionnelle, avec comptes, IA et paiements. Et il pense à des choses auxquelles tu n'aurais pas pensé : il propose les étapes suivantes après chaque prompt, ajoute des actions utiles, adapte l'interface au mobile.
Ses limites : les crédits partent vite, tout ne marche pas du premier coup, et certaines briques (comme les abonnements Stripe) demandent plusieurs prompts pour fonctionner vraiment. Et si tu utilises ses services intégrés (Lovable Cloud, Lovable AI), ton SaaS devient dépendant de la plateforme.
Une leçon plus personnelle, tirée de mon challenge « 12 apps en 12 mois » : créer une app en une semaine, c'est possible ; construire un produit qui vit, c'est autre chose. Un mois suffit largement pour créer une app avec l'IA, pas pour savoir si quelqu'un veut vraiment payer pour l'utiliser. Créer, lancer et construire un business sont trois étapes différentes.
Tu cherches un outil encore plus tout-en-un, avec base de données et hébergement intégrés ? Regarde comment j'ai créé une app avec Emergent AI. Et si ton projet est plutôt un site de contenu qu'un logiciel, tu peux convertir ton site Lovable en WordPress pour le gérer toi-même.
Les erreurs à éviter
- Tout demander d'un coup : un prompt, une fonctionnalité. Sinon, Lovable fait des erreurs.
- Ne pas tester : teste chaque étape comme un utilisateur, dans un nouvel onglet.
- Oublier les images jointes : vérifie tes pièces jointes avant d'envoyer un prompt.
- Utiliser ta clé Stripe complète en production : crée une clé limitée.
- Lancer sans scan de sécurité : il est gratuit, lance-le avant chaque publication.
- Garder l'adresse .lovable.app : pour un vrai SaaS, connecte ton propre nom de domaine.
- Confondre créer et vendre : ton SaaS en ligne n'est que le début. Le marketing et la distribution demandent du temps.
Et après ?
Ton SaaS est en ligne : il faut maintenant que tes futurs clients le trouvent. Ta landing page est ta vitrine sur Google et dans les IA : commence par mon plan pour optimiser le SEO d'un site neuf. Et si tu veux avancer plus vite sur ton projet, je peux t'accompagner.
Tu as une idée de SaaS et tu veux la créer avec l'IA sans rester bloqué ? On avance ensemble, en visio.
Questions fréquentes
Écrit par
Stéphanie Canovas
Je crée des tutos et formations pour aider les entrepreneurs à créer et optimiser leur site web. +8 000 entrepreneurs formés.