[Outil de développement d'IA] Codage dynamique avec Lovable ! Développement d'applications web complètes avec Supabase et l'IA | Démarrage et tarifs

« Je veux créer un service plus professionnel, mais je ne pense pas pouvoir écrire le code... »

Pour les non-ingénieurs qui prennent au sérieux le codage d'ambiance, Lovable est la plateforme de développement idéale pour la prochaine étape.

Récemment, on a assisté à une augmentation du nombre d'outils capables de générer des pages de destination et des interfaces utilisateur à l'aide de l'IA, mais
dans de nombreux cas, ils ne vont pas jusqu'à créer véritable « application » avec des fonctions de connexion, de base de données et de traitement

Contrairement à ces outils « uniquement esthétiques », le principal attrait de Lovable est qu'il vous permet de créer des fonctions d'application essentielles telles que des bases de données, l'authentification et le traitement du serveur en utilisant le langage naturel.

Basés sur Supabase, les paramètres complexes sont encapsulés autant que possible, vous permettant de démarrer le développement de services à grande échelle

Dans cet article, nous présenterons l’attrait de Lovable, ce qu’il peut faire, comment démarrer et les plans tarifaires basés sur notre propre expérience d’utilisation.

J'utilise actuellement l'abonnement Pro, qui coûte 25 $ par mois.
Je vous expliquerai plus en détail quel abonnement choisir

Qu’est-ce que Lovable et que peut-on en faire ?

Lovable est une plateforme de développement d'IA qui vous permet de créer, de modifier et de publier des applications Web simplement en utilisant des commandes en langage naturel.

Ces dernières années, un style de développement appelé « vibe coding » a gagné en popularité. Il consiste à donner des instructions par chat, par exemple « Je veux créer ce type d'application », et l'application est générée en conséquence.
Lovable l'un des principaux outils qui rendent ce style de développement possible .

toutes les fonctions backend, telles que les bases de données, l'authentification et les fonctions backend, automatiquement construites sur Supabase , et sa force est que l'ensemble de l'application, y compris celles-ci, peut être développé au format chat.

En d'autres termes, en exécutant simplement des commandes en langage naturel, vous pouvez créer instantanément
une application web complète basée sur Supabase Tout en conservant la simplicité du no-code, vous obtenez une configuration évolutive et prête pour la production

« Vous pouvez créer une application web basée sur Supabase simplement en donnant des instructions en langage naturel. »
Lovable est un outil qui offre cette expérience de développement.

Exemples d'applications que vous pouvez réellement créer

• Services Web avec connexion (enregistrement des utilisateurs, authentification et contrôle d'accès)
• Formulaires de demande et formulaires de réservation (y compris le stockage des données et la notification)
• CMS simple et tableau de bord d'administration
• Chatbots alimentés par l'IA et outils de réponse automatisés
• Applications qui se connectent à des API externes (notifications Slack, synchronisation Notion, envoi Gmail, etc.)
• Applications qui utilisent les bases de données Supabase (liste de données, détails, mises à jour, etc.)

Vous pouvez modèle prédéfini

Quelles sont les fonctionnalités de Lovable ?

La plus grande fonctionnalité de Lovable est que vous pouvez créer une « application Web appropriée » en utilisant uniquement le langage naturel.

De nombreux outils de développement d'IA actuels sont excellents pour générer des apparences de page et des interfaces utilisateur, mais
ils manquent souvent d'éléments essentiels pour une application, tels que la connexion, les bases de données et la logique de traitement

Contrairement à ces « outils qui ne sont là que pour l'apparence », Lovable est
construit sur Supabase et inclut tout, du front-end, de l'authentification, de la base de données et des fonctions back-end.

Communiquez simplement vos besoins via le chat et une application sera générée en tant que service Web ,
vous pourrez ensuite publier et exploiter sur votre propre domaine, le tout au même endroit.

fonction	Contenu
Intégration et création automatique de Supabase	Les bases de données, l'authentification et les fonctions backend sont toutes automatiquement construites sur Supabase, ce qui permet de créer des applications Web à part entière en utilisant uniquement le langage naturel.
Fonction de déploiement	L'application créée peut être publiée immédiatement sur le web. Vous pouvez vérifier son fonctionnement sur un sous-domaine immédiatement après sa création.
Intégration GitHub	Le code front-end (React) peut être exporté vers GitHub. Prise en charge des déploiements low-code et full-code.
Domaine d'origine	Vous pouvez publier votre application en configurant un domaine personnalisé. Les paramètres DNS sont appliqués immédiatement après la configuration et conviennent également à un usage commercial.

Une autre caractéristique intéressante de Lovable est que vous pouvez commencer avec un certain nombre de « connaissances de base » plutôt que de devoir « tout penser à partir de zéro

• Fonction de modèle :
  en sélectionnant un modèle d'application pré-préparé, vous pouvez démarrer le développement immédiatement.
  Par exemple, les configurations standard telles que « Service de connexion », « Gestion des réservations » et « Liste de produits » sont déjà configurées.
• Gestion de plusieurs applications :
  vous pouvez avoir plusieurs projets simultanément avec un seul compte, facilite le prototypage, la création de branches et l'exploitation à des fins différentes

la principale caractéristique de Lovable tire parti de la base robuste de « Supabase

Les choses qui m'ont surpris lorsque j'ai réellement utilisé Lovable

Lorsque j'ai testé Lovable, j'ai souvent été surpris et je me suis dit : « Waouh, il peut faire tellement de choses ! »
Les points suivants m'ont notamment fait comprendre que même les non-ingénieurs peuvent l'utiliser en toute confiance et faire progresser efficacement le développement de services.

✅ Se connecter à Supabase est plus facile que vous ne le pensez !

Vous devez créer un compte Supabase, mais ensuite, il vous suffit de suivre les instructions à l'écran pour être configuré.
Pour être honnête, c'était étonnamment facile, et je suis content de l'avoir évité avant, car je pensais que ce serait un peu compliqué.

Grâce à Lovable qui gère tous les paramètres en coulisses, j'ai senti que le plus grand attrait était que je n'avais pas à me soucier d'utiliser simplement Supabase

✅ Les spécifications de la base de données et d'autres informations sont répertoriées sur Supabase, ce qui les rend faciles à comprendre !

Comme Lovable utilise Supabase tel quel, la capacité de stockage, le volume de transfert, les limites d'utilisation mensuelle, etc. sont officiellement indiqués et faciles à comprendre .
la facilité de prise de décision en fonction de l'ampleur du développement, par exemple : « Quelles fonctionnalités puis-je utiliser gratuitement ? » et « Quel forfait choisir ? ». L'expérience est fluide .

✅ Créez des fonctions backend naturellement !

Par exemple, si vous dites dans le chat « Je veux utiliser l'API d'OpenAI », Lovable affichera non seulement automatiquement un champ pour saisir la clé API , mais
générera également automatiquement le processus en tant que fonction backend (Superbase Functions), créant ainsi une configuration sécurisée .

il est vraiment utile qu'ils le construisent sur la base du principe selon lequel « les clés API doivent être traitées sur le serveur, et non sur le front-end », même sans que nous ayons à donner des instructions détaillées

Un outil similaire, Bolt.new a tendance
à effectuer le traitement en amont, sauf si vous spécifiez délibérément cette séparation des responsabilités Lovable se connecte d'abord correctement à Supabase, puis crée des fonctions back-end ; c'est donc une configuration fiable.

« Je l'ai écrit en langage naturel et il a été implémenté avec la structure appropriée. »
J'ai senti que cette expérience a facilité le passage au développement produit pour les non-ingénieurs.

✅ Il est facile de sauvegarder des données dans la base de données !

En indiquant simplement par chat que vous souhaitez enregistrer ces informations, le schéma correspondant est automatiquement généré sur Supabase, et les opérations CRUD sont également générées simultanément.
Les traitements tels que l'enregistrement et la récupération des données sont également effectués automatiquement en arrière-plan, simplifie le fonctionnement de l'application et offre une expérience très fluide.

Cependant, comme Lovable fonctionne conjointement avec Supabase, vous devez être conscient des
limitations de Supabase L'offre gratuite est limitée à
deux projets et 500 Mo d'espace de stockage même en passant à une offre payante à 25 $ par mois, est toujours de 8 Go

Si vous souhaitez que le service fonctionne correctement ou si le nombre d'utilisateurs explose et que le volume de données augmente, cette limite peut être un peu insatisfaisante .

✅ La fonctionnalité d'authentification peut être facilement mise en œuvre !

Dites-nous simplement que vous souhaitez ajouter une fonction de connexion, et l'écran d'enregistrement/connexion de l'utilisateur et l'implémentation de l'authentification seront automatiquement intégrés .

Étant donné qu'il utilise la fonction d'authentification de Supabase en arrière-plan, il n'est pas nécessaire de se soucier de configurer OAuth vous-même ou de gérer l'état de connexion .

Il existe également des restrictions sur l'authentification du côté de Supabase.

• Le plan gratuit permet jusqu'à 50 000 utilisateurs actifs par mois
• Le plan Pro prend également en charge jusqu'à 100 000 utilisateurs par mois

Bien sûr, je ne pense pas que
beaucoup de gens créeront immédiatement un service qui sera utilisé par plus de 100 000 utilisateurs quotidiennement ce n'est pas un problème pour le développement normal, mais si vous pensez à l'échelle future, c'est une bonne idée d'en être conscient.

✅ Publier sur votre propre domaine est étonnamment facile !

Avec Lovable, vous pouvez publier les applications que vous créez directement sur votre propre domaine

• Vous pouvez également acheter un domaine à partir de « Acheter un domaine » dans Lovable
• Vous pouvez également utiliser un domaine que vous possédez déjà !

Inscrivez-vous simplement avec « Domaines personnalisés » et immédiatement sur votre propre domaine, sans configuration particulière
Même sans connaissances techniques, vous aurez l'impression que a été publiée sur votre propre domaine « en un clin d'œil »

✅ Commencez dès maintenant avec nos modèles !

Base44 propose de nombreux
modèles d'applications fonctionnels Même si vous craignez de partir de zéro, vous pouvez commencer avec un exemple fonctionnel en utilisant un modèle comme base.

Il existe des modèles d’applications assez professionnels, cela vaut donc peut-être la peine d’y jeter un œil !

✅ La migration peut être facile. C'est une configuration React x Supabase, vous pouvez donc la réutiliser !

L'application générée possède un front-end développé avec React et un back-end développé avec Supabase . Ainsi, même si un nouvel ingénieur prend le relais du développement ultérieurement, la pile technologique polyvalente facilite la transition.
vous pouvez les ressources créées avec Lovable seront utilisables telles quelles

Soyez honnête à propos de vos inquiétudes concernant Lovable

Bien que j'aie fait l'éloge de Lovable jusqu'à présent, il y a quelques points à retenir.
notamment résumer certains points qui pourraient laisser perplexes les non-ingénieurs, surtout lorsqu'ils commenceront à développer sérieusement le service

❗L'inscription à Supabase est quasiment indispensable. L'offre gratuite comporte des limites.

Lovable est optimisé par Supabase ; il vous suffit donc de créer un compte Supabase .
, y compris la base de données, l'authentification et les fonctions back-end, fonctionne en conjonction avec Supabase .

Cependant, est limité à
deux projets et à 500 Mo de stockage , honnêtement, ne convient pas à l'approche de codage d'ambiance consistant à « vouloir créer et essayer de nombreuses applications de manière décontractée ».

Cela signifie que, dans de nombreux cas, est
quasiment obligatoire sachez que si Supabase modifie sa structure tarifaire ou ses restrictions à l'avenir, cela pourrait avoir un impact direct sur le développement de Lovable

Pour continuer à développer des applications, vous devrez garder un œil sur les spécifications et les prix de Lovable et de Supabase , ce qui peut sembler un peu un inconvénient.

❗Les limites de Supabase sont difficiles à comprendre pour les non-ingénieurs

Étant donné que Lovable fonctionne sur la base de Supabase, de nombreux comportements et limitations de l'application dépendent des spécifications de Supabase .

Par exemple:

• Utilisateurs actifs mensuels : jusqu'à 100 000 (des frais de paiement à l'utilisation s'appliquent ensuite)
• Stockage : jusqu'à 8 Go (plus de 1 Go par Go)
• Taille du fichier, volume de transfert, période de conservation des journaux, etc.

De cette façon, les spécifications liées au développement et à l'exploitation sont déterminées en détail par un « système de facturation par nombres », et
est très difficile pour les non-ingénieurs de voir combien chacun coûtera en fonction de leur consommation .

en particulier,

• Même si vous dites « 100 000 MAU », il est difficile d’imaginer combien de temps il faudra pour atteindre ce nombre.
• Même si vous dites « 8 Go de stockage », je ne sais pas comment vous pouvez dépasser cela.
• Vous pourriez être surpris lorsque le système de paiement à l’utilisation entre soudainement en vigueur.

Il existe également des risques de coûts cachés tels que :

Il ne suffit pas de regarder le « solde créditeur » pour se sentir à l'aise ; vous pourriez demander
 : « Hein ? Pourquoi cela ne fonctionne-t-il pas ? » ou « Pourquoi de l'argent est-il généré ? » pendant le développement.

Bien que Lovable lui-même soit facile à utiliser, il est important de garder à l'esprit qu'à moins d'avoir une compréhension de base des spécifications Supabase sous-jacentes, vous risquez d'être pris au dépourvu

❗Vous ne pouvez créer que des applications React

Les applications générées par Lovable sont limitées à être basées sur React,
donc pas être créées avec des frameworks tels que Vue ou Next.js.

Bien que la fonctionnalité soit suffisante pour les non-ingénieurs, elle peut être un peu insuffisante pour les ingénieurs qui souhaitent des configurations flexibles

❗L'intégralité du code source est disponible, mais il peut être difficile à utiliser pour les non-ingénieurs.

propose
généré pour votre application web dans votre navigateur Vous avez ainsi l'esprit tranquille en sachant que vous pouvez visualiser correctement le code, mais le résultat une application entièrement basée sur React, avec
un grand nombre de fichiers et une structure purement React.

Même pour des modifications mineures comme « Je veux changer un peu de formulation » ou « Je veux corriger le comportement d'un bouton », il est difficile de savoir quel fichier toucher, et j'ai un peu un défi pour les non-ingénieurs .

Par exemple, un service similaire appelé Base44 masque les fichiers de configuration et organise les fichiers clés de manière facile à voir,
donnant l'impression qu'il est facile de comprendre « où chercher ».

Lovable soit soigneusement structuré , il y a peu de navigation pour « où et comment éditer », donc les non-ingénieurs peuvent avoir des difficultés à corriger le code eux-mêmes.

Comparaison des forfaits Lovable ! Lequel est recommandé ?

Lovable propose trois formules tarifaires en plus de la formule gratuite.
La formule Pro vous permet également d'augmenter votre nombre de crédits mensuels (moyennant un coût mensuel plus élevé).

Les différences entre les deux formules sont résumées dans le tableau ci-dessous.
Avec la formule gratuite, vous ne pouvez pratiquement créer qu'une seule application.

Nom du plan	Frais mensuels	crédit	Intégration Supabase	Domaine d'origine	Intégration GitHub	Caractéristiques
Gratuit	$0	5/jour (jusqu'à 30/mois)	✅ Obligatoire	×	✅ Code disponible	À titre d'essai. Réservé au public.
Pro	$25	5/jour (max 150/mois) + 100 crédits/mois	✅ Obligatoire	✅ Pris en charge	✅ Code disponible	Idéal pour le développement personnel. Domaine personnalisé et paramètres privés également disponibles.
Entreprise	$50	5/jour (max 150/mois) + 100 crédits/mois	✅ Obligatoire	✅ Pris en charge	✅ Code disponible	Destiné au développement d'équipe et à l'usage en entreprise. Inclut l'authentification unique (SSO) et le contrôle des données.
Entreprise	Veuillez vous renseigner	coutume	✅ Obligatoire	✅ Pris en charge	✅ Code disponible	Inclut une assistance à la mise en œuvre et un accompagnement dédié. Pour les grandes organisations.

✅ Si vous souhaitez développer une application, le « Plan Pro » est presque indispensable !

En fait, j'utilise le plan Pro (25 $ par mois) , et si vous souhaitez créer une application appropriée, ce plan essentiellement le point de départ .

• 100 crédits par mois + 5 crédits par jour (maximum 150/mois) et de nombreuses exécutions
• Prend en charge votre propre domaine , vous pouvez donc le publier en tant que service tel quel
• Il dispose de toutes les fonctionnalités nécessaires, notamment des projets privés, l'intégration GitHub et la gestion des autorisations des utilisateurs

Cependant, vous devez considérer les frais de Supabase comme un ensemble.

Lovable est basé sur Supabase, donc un compte et une connexion Supabase sont presque indispensables pour utiliser le backend, l'authentification et la base de données .

• Le plan gratuit comporte des limitations telles que « 2 projets », « 500 Mo » et « 50 000 MAU ».
• Si vous créez plusieurs applications ou étendez le stockage ou l'authentification, vous devrez payer 25 $/mois pour la version Pro de Supabase.

En d'autres termes, Lovable Pro (25 $) + Supabase Pro (25 $) = un coût mensuel minimum d'environ 50 $ .
Il est bon de le savoir à l'avance.

Comment démarrer avec Lovable ! Explication détaillée de la configuration de Supabase

Utiliser Lovable est très simple. Suivez les étapes ci-dessous pour commencer à créer votre application.

①Visitez le site officiel

Tout d’abord, rendez-vous sur le site officiel et sélectionnez « Commencer ».

②Créer un compte (un compte Google est acceptable)

Lorsque « Créer votre compte » apparaît, créez un compte Google ou par e-mail.
L'écran suivant comporte plusieurs champs pour saisir les informations requises.

Une fois les informations de votre compte saisies, vous pourrez créer une application. Si vous utilisez l'offre gratuite, le processus est terminé.
Nous vous expliquerons ensuite comment souscrire à l'offre Pro ou supérieure et activer Supabase.

③ Ouvrez Plans et facturation et inscrivez-vous au plan Pro (pas nécessaire si vous souhaitez simplement l'essayer)

Sélectionnez « Icône de compte » ⇒ « Paramètres ».

Sélectionnez « Forfaits et facturation » et passez à l'abonnement Pro. (Assurez-vous que vos crédits sont bien définis sur 100.)

④Enregistrez les paramètres d'intégration Supabase

Sélectionnez « Icône de compte » ⇒ « Paramètres ».

Sélectionnez « Supabase » ⇒ « Gérer les organisations connectées ».

Sélectionnez « Ajouter d'autres organisations ».
*Si vous n'avez pas encore créé de compte Supabase, vous serez peut-être invité à le faire.

Sélectionnez « Autoriser Lavable ».

Vous êtes maintenant connecté à Supabase,
mais vous n'avez probablement pas de projet, alors créez-en un.

Sous le chat, vous verrez « Supabase », sélectionnez-le puis sélectionnez « Créer un projet ».

Saisissez les informations requises et sélectionnez « Créer un nouveau projet ».

Cela créera un nouveau projet ; sélectionnez-le avant de commencer à créer une application.
Remarque : il est préférable de créer un nouveau projet à chaque fois que vous créez une application.

⑤Vous pouvez vérifier et ajuster l'application générée et la publier telle quelle !

Il ne vous reste plus qu'à développer votre application et la publier !

Pour des instructions détaillées sur la façon de créer une application, veuillez consulter notre article séparé, qui explique les étapes avec des captures d'écran réelles.

Il fournit des instructions détaillées sur la façon de créer et de publier une application, y compris comment la publier sur votre propre domaine.

(en préparation)

Enfin : avec Supabase à vos côtés, Lovable devient le « meilleur environnement de développement pour les non-ingénieurs »

Le no-code ne vous suffit pas, mais vous n'êtes pas encore prêt à devenir ingénieur.
Pour ceux qui se situent dans cette situation intermédiaire, Lovable et de Supabase est idéale.

Bien que basé sur la structure Supabase, Lovable permet d'exécuter des fonctions back-end, l'authentification et des opérations de base de données en langage naturel.
De plus, la structure est générée automatiquement tout en protégeant naturellement les bases de sécurité et de conception , permettant ainsi à même les développeurs peu expérimentés de créer une application digne de ce nom.

Bien sûr, il y a des restrictions et des frais du côté de Supabase,
précieuse expérience de « même les non-ingénieurs étant capables de développer des services sérieux » compense largement cela

Si vous souhaitez créer quelque chose correctement sans écrire de code