J'ai testé un outil qui surpasse Bolt.new — Lovable est une PÉPITE !

[Transcript language: fr] 0:00 hello à tous c'est h de digitities alors 0:02 en ce moment tout le monde est à fond 0:03 sur Bolt y compris moi et je pense que 0:05 vous avez déjà vu pas mal de vidéos 0:07 là-dessus donc ce qui est intéressant 0:09 avec bol c'est que même s'il n'est pas 0:11 parfait il ouvre la porte sur pas mal de 0:13 possibilités alors ça ne va pas 0:15 remplacer les développeur tout de suite 0:17 et même si depuis quelques mois on a 0:18 déjà des outils comme cursur et V0 qui 0:21 permet de coder avec l'intelligence 0:23 artificielle Bolt a quand même pas mal 0:25 rebattu les cartes et en fait ça permet 0:27 de donner vie à des projets qu'on aurait 0:29 jamais pu cré sans justement apprendre à 0:32 coder et donc depuis quelques semaines 0:34 c'est un nouvel outil qui commence à 0:36 faire parler de lui sur product Hunt et 0:38 qui s'appelle 0:40 lovable.dev donc lovable.dev si on 0:43 regarde l'interface on aimpression que 0:44 c'est un copier-collé de Bolt sauf qu' a 0:47 quand même quelques petites différences 0:49 alors déjà ce qui est sympa c'est qu'on 0:51 a un aspect un peu plus communautaire 0:54 c'est-à-dire que concrètement on peut 0:55 voir les projets qui sont créés par les 0:58 autres utilisateurs 1:00 donc ça moi je trouve que c'est bien 1:01 parce qu'en fait ça va donner des idées 1:04 un peu plus concrètes de choses qu'on 1:06 peut réaliser avec le un outil comme 1:09 l'ovable et aussi on a des templates qui 1:13 sont proposées par l'outil donc ça aussi 1:16 ça permet de gagner un petit peu de 1:18 temps on a par exemple des templates 1:19 pour créer des landing page des 1:21 dashboards des applications et cetera 1:24 donc au moins déjà on peut avoir une 1:26 base et ça permet en fait après de 1:28 customiser 1:30 en fonction de vraiment ce que l'on 1:31 souhaite réaliser donc pour votre prompe 1:34 moi comme Surb je vous conseille de 1:36 passer directement soit par clot soit 1:38 chat GPT en fait le but c'est d'avoir 1:40 quelque chose de beaucoup plus précis 1:41 parce que sinon après on va faire des 1:43 allers-retours et ça va prendre beaucoup 1:45 de temps pour l'outil donc moi par 1:47 exemple que je demandé c'est peux-tu me 1:49 faire un brief pour développer un site 1:51 de réservation par exemple pour un salon 1:53 de coiffure et Claude va automatiquement 1:56 nous générer bah tous les détails 1:58 techniques que l'on a besoin pour 2:00 justement bah développer ce type de 2:03 plateforme et comme ça on a juste à 2:05 copier et coller notre prompe sur 2:07 loverball donc là ça y est loverable 2:09 commence à développer là on voit qu'il 2:10 crée par exemple un fichier config TS 2:13 avec twind là il nous fait un autre 2:16 fichier et cetera donc on va attendre un 2:18 petit peu normalement ça devrait pas 2:20 être trop long alors première chose déjà 2:22 sympa moi je trouve que le design il est 2:24 vraiment cool alors c'est vrai que c'est 2:26 assez minimaliste mais on a quelque 2:28 chose quand même de vraiment propre et 2:29 euh déjà de quasiment fonctionnel on a 2:32 même une adresse fictive qui est 2:34 indiquée en bas par contre le petit 2:36 souci c'est que on a un calendrier mais 2:39 on n pas de fenêtre contextuelle donc ça 2:41 je vais lui demander de le rajouter 2:44 pareil pour les boutons donc là comme 2:45 sur bol on peut en fait continuer la 2:48 discussion et lui demander toutes les 2:49 choses en fait qu'on veut améliorer 2:51 alors moi ce que je lui demander c'est 2:53 déjà d'ajouter un menu en haut avec par 2:55 exemple plusieurs pages on va également 2:57 lui demander que lorsqu'on clique sur 2:58 les boutons ça fonctionne pour réserver 3:00 pareil pour le calendrier on a envie 3:02 vraiment de pouvoir choisir les créneaux 3:04 et le type de service et enfin je lui 3:05 demandé aussi d'améliorer le design en 3:07 ajoutant plus de visuel alors là il est 3:10 en train de faire les modifications par 3:11 contre la seule chose que je regarde par 3:13 rapport à Bolt c'est qu'on peut pas voir 3:15 directement les fichiers qui sont en 3:16 train d'être modifiés donc par exemple 3:18 si vous êtes développeur c'est assez 3:20 dommage parce que vous pouvez pas 3:21 vraiment voir et vérifier en fait bah le 3:24 code qu'il est en train de générer donc 3:26 là ça y est ça a été assez rapide donc 3:28 maintenant on voit bien qu'il a ajouté 3:30 notre menu avec nos différentes pages 3:33 donc ça c'est vraiment pas mal il a même 3:36 généré un petit texte al par contre le 3:38 visuel il correspond pas vraiment à Sal 3:40 de coiffure mais ça c'est pas grave en 3:43 fait ce qu'on peut faire c'est par 3:44 exemple on peut sélectionner l'image et 3:47 on peut lui demander peut-tu remplacer 3:49 par une image en lien avec la coiffure 3:52 donc ça c'est la grosse différence avec 3:54 Bolt c'est que en fait comme vous l'avez 3:56 vu on peut directement sélectionner les 3:58 éléments que l'on souhaite modifier donc 4:01 en fait ça permet d'aller plus dans le 4:02 détail si vous avez remarqué c'est que 4:04 sur Bolt dès qu'on commence à avoir des 4:06 projets assez conséquent et que par 4:09 exemple on souhaite modifier telle ou 4:10 telle partie bah bol comprend pas 4:12 forcément l'élément qu'on veut modifier 4:15 et il est un petit peu perdu donc là 4:17 vous voyez l'ovball a bien pris en 4:18 compte ma requête on a bien une image 4:20 d'un salon de coiffure et si on retourne 4:22 sur notre page d'accueil et que l'on 4:24 souhaite réserver maintenant on a bien 4:26 le calendrier qui apparaît et d'ailleurs 4:28 c'est bien là vous voyez il a même 4:30 cacher les dates antérieures donc là par 4:32 exemple on peut sélectionner la date du 4:35 vendredi et choisir un horaire on va 4:37 sélectionner un service coup home 4:39 confirmer le rendez-vous et ça y est 4:41 rendez-vous confirmé alors sur Bolt 4:43 vousavais déjà fait une vidéo pour 4:45 conneectter bah votre outil à une base 4:48 de données firebase ici c'est la même 4:50 chose sauf que ça fonctionne avec 4:52 suabase donc superabase c'est un outil 4:55 open source qui permet en fait bah de 4:58 gérer toutes vos bases de données donc 4:59 si on clique sur le bouton de superabase 5:01 en fait il va nous demander de nous 5:03 connecter justement à notre compte 5:05 superabase donc là je vais pas vous 5:06 montrer en fait parce qu'il y a déjà un 5:07 tutoriel qui vous explique comment faire 5:09 étape par étape donc je vous mettrai le 5:11 lien en description si ça vous intéresse 5:13 et si vous souhaitez partager ou publier 5:16 votre projet vous avez deux possibilités 5:18 soit vous cliquez sur publish et vous 5:21 faites dploy donc là ça y est votre site 5:23 est publié et il est visible à tout le 5:25 monde donc rappelez-vous au début que je 5:27 vous ai montré les projets qu'on pouvit 5:29 voir des autres utilisateurs ben en fait 5:31 votre site il va également apparaître à 5:33 cet endroit-là donc si vous souhaitez 5:35 pas que ça apparaisse pensez bien à 5:37 cliquer sur Private donc pour voir le 5:39 site on clique sur le lien donc là vous 5:41 voyez on a bien accès à notre site avec 5:44 euh les services la possibilité de 5:46 réserver par contre il y a un petit 5:47 souci avec l'image je vais corriger ça 5:49 tout de suite bon ben malheureusement 5:51 c'est pas encore ça sur les images alors 5:53 je sais pas si le problème vient de la 5:55 librairie qui utilise ou pas ça j'espère 5:57 que c'est quelque chose qu' vont 5:58 corriger assez rapidement donc je disais 6:00 tout à l'heure qu'il y avait deux 6:01 possibilités pour publier votre site 6:02 donc soit vous cliquez sur Publier mais 6:04 là le souci c'est que vous avez euh une 6:06 adresse en sous domaine avec le nom de 6:08 votre site et lovable.app et donc la 6:10 deuxième manière de publier votre site 6:12 internet c'est de publier le code sur 6:14 euh gththub et ensuite si vous allez 6:16 dans la documentation de lovable il va 6:19 vous expliquer les étapes pour euh bah 6:21 en fait euh publier votre site sur 6:24 netlify.com donc comme sur Bolt et 6:26 ensuite si vous avez un nom de domaine 6:28 en fait vous pouvez connecter votre 6:30 projet netlify à votre nom de domaine en 6:33 modifiant les DNS donc si vous avez déjà 6:36 créé des sites internet c'est pas du 6:37 tout compliqué alors quelque chose aussi 6:39 que j'ai pas dit avant que je l'oublie 6:41 si jamais vous êtes un peu plus 6:42 développeur et que vous souhaitez 6:44 vérifier le code qu' l'a généré vous 6:46 cliquez sur click to view code et en 6:48 fait ici là vous avez tous les fichiers 6:50 en fait qui sont générés par l'ovable Al 6:53 moi je suis pas du tout développeur donc 6:54 je pourrais pas du tout vous dire si 6:55 c'est quelque chose de propre ou pas 6:57 donc si justement vous êtes développeur 6:58 euh hésitez pas à me dire votre avis 7:01 là-dessus alors par curiosité moi 7:02 j'aimerais bien voir avec le même 7:05 prompt ce que Bolt est capable de nou 7:08 générer donc cette fois on est sur 7:09 bolt.ne et je reprends le même prompt et 7:12 donc là on va comparer le résultat 7:13 justement avec ce qu'on a eu sur 7:15 l'overable donc comme d'habitude l'outil 7:18 est en train de nous générer tous les 7:19 fichiers un par un d'ailleurs si j'avais 7:21 pas vu en ce moment c'est Thanksgiving 7:23 et il donne 2 millions de token 7:25 gratuitement donc si jamais vous voulez 7:26 tester c'est une occasion en plus 7:28 d'avoir des crédits dit supplémentaire 7:30 donc voici le rendu final avec Bolt 7:33 alors pour Rael hein j'ai utilisé le 7:35 même prompt que sur leovb donc là si on 7:37 clique en grand voici le rendu final 7:39 alors là vous voyez il a même pas fait 7:41 en français on a vraiment le strict 7:43 minimum en terme de d'éléments qui sont 7:46 indiqués on a que les services on a même 7:47 pas de page Contact on a rien du tout 7:49 alors que si on retourne sur levable on 7:51 voit quand même qu'on a quelque chose de 7:52 beaucoup plus élaboré de beaucoup plus 7:54 détaillé avec beaucoup plus d'éléments 7:57 alors effectivement moi j'ai repassé 7:59 dessus avec un deuxième promp mais même 8:01 avec le premier prompte si vous vous 8:02 souvenez on avait déjà quelque chose de 8:04 beaucoup plus complet donc pour moi 8:06 aujourd'hui à ce stade l'overball est 8:08 déjà beaucoup plus performant que bolt 8:10 on a besoin de faire beaucoup moins 8:11 d'aller-retour pour avoir un projet 8:14 vraiment complet qu'on peut exploiter et 8:16 surtout si j'ai bien compris la 8:17 connexion avec une base de données se 8:19 fait beaucoup plus simplement avec 8:20 superabase donc en vrai moi je serais 8:22 quand même assez curieux de voir sur vos 8:24 projets que vous avez déjà réalisé sur 8:26 Bolt voir ce que ça pourrait rendre 8:28 également sur le l ball donc mettez en 8:30 commentaire les outils que vous avez 8:31 réalisé sur loverball et sur bol comme 8:33 ça on pourra vraiment comparer lequel 8:35 est le meilleur alors une dernière chose 8:37 avant que j'oublie c'est le prix que 8:38 j'ai oublié de mentionner donc il faut 8:40 savoir que l'overball c'est gratuit 8:43 jusqu'à 5 daily message donc en gros 8:45 vous avez droit à CIN prompts par jour 8:48 donc en gros par exemple si vous êtes 8:50 sur un projet et que vous faites un 8:51 prompt bah ça compte comme un message 8:53 mais par contre à chaque fois que vous 8:55 améliorez votre projet bah ça compte 8:57 comme un prompt donc comme un un crédit 9:00 et donc vous êtes limité à 5 prompts par 9:02 jour si je ne dis pas de bêtises donc 9:04 finalement ça vous permet quand même de 9:05 tester pas mal par contre si vous ne 9:07 souhaitez pas avoir de limite 9:09 journalière il faudra forcément prendre 9:11 le pack starter qui est à 20 dollars par 9:13 mois et donc là on est limité à 9:16 100 éditions mensuelles et donc après on 9:19 a d'autres tarifs pour avoir moins de 9:21 limitation donc globalement on est sur 9:22 la même gris tarifaire que sur Bolt donc 9:25 je pense qu'ils sont vraiment alignés 9:26 sur les tarifs par contre le 9:28 fonctionnement est complètement 9:29 différent le problème sur bol c'est que 9:31 dès qu'on a des gros projets bah les 9:33 crédits ils s'envolent vraiment très 9:35 très rapidement là par contre sur le 9:36 weball on est sur un autre système de 9:38 crédit donc franchement les deux ils ont 9:40 leur avantage inconvénient je pense que 9:42 la différence va vraiment se faire voir 9:44 sur les gros projet et en fait la grosse 9:46 différence sur le weable c'est que dès 9:48 le départ il va falloir être très précis 9:50 sur le prompe que vous allez lui donner 9:52 parce qu'en fait c'est ça en fait qui va 9:54 limiter les allers-retours que vous 9:55 allez faire avec l'outil donc c'est pour 9:57 ça que je vous conseille encore une fois 9:58 de passer soit par cloud soit par chat 10:00 GPT pour faire vos brief et comme ça en 10:03 fait vous allez économiser beaucoup de 10:05 temps et beaucoup de crédit et donc 10:07 voilà pour la petite présentation de 10:09 lovable.dev donc dites-moi ce que vous 10:11 pensez de cet outil moi pour l'instant 10:13 je pense qu'il y est uncan au-dessus de 10:15 Bolt alors après j'ai pas encore eu le 10:16 temps de tester des heures comme je l'ai 10:18 fait sur Bolt donc àoir sur d'autres 10:19 projets donc hésitez pas également à 10:21 tester par vous-même de toute manière 10:22 c'est gratuit jusqu'à 5 messages par 10:24 jour hésitez pas à commenter avec vos 10:26 créations et moi je vous dis Ciao