Lovable : de l'idée à l'application Web

· 5 min de lecture

Points clés

  • Lovable est très efficace pour les prototypes et les sites simples, et il permet de les obtenir rapidement.
  • Reliez-le à votre propre compte GitHub et à votre propre nom de domaine afin que le travail vous appartienne.
  • Une personne devra entretenir le site après le lancement; il convient de la désigner avant de commencer.

Lovable porte ce nom depuis environ trois mois seulement. L'outil a d'abord existé sous le nom de GPT Engineer, un projet à code source ouvert basé à Stockholm, et a adopté son nouveau nom en décembre. Il est actuellement l'outil le plus souvent présenté en captures d'écran dans nos fils d'actualité, généralement accompagné d'une légende du type « conçu en vingt minutes ».

La promesse est simple : vous saisissez ce que vous souhaitez, et une application Web apparaît dans la partie droite de l'écran. Si vous changez d'avis, vous formulez une nouvelle demande.

Dans l'ensemble, l'outil tient cette promesse. C'est justement pourquoi il est utile de bien en connaître les limites.

Que fait bien Lovable?

La première heure avec Lovable est étonnante pour quiconque a appris à concevoir des sites de manière traditionnelle. Décrivez une page d'accueil pour un café, et vous obtenez une page d'accueil : une mise en page soignée, des espacements cohérents, une section menu et un formulaire de contact qui s'affiche correctement sur un téléphone. Demandez un en-tête plus foncé, il est modifié. Demandez une galerie, elle est ajoutée.

En arrière-plan, l'outil écrit du véritable code : une interface JavaScript moderne conçue avec React. Cet aspect compte plus qu'on ne le croit. Il ne s'agit pas d'un constructeur de pages fermé où votre site demeure en permanence dans la base de données d'un tiers. Le code existe, vous pouvez l'emporter, et un développeur peut l'ouvrir plus tard et en comprendre le fonctionnement.

Pour certains types de projets, il est très difficile à égaler :

  • un site d'une page pour une nouvelle entreprise qui doit exister en ligne cette semaine
  • un prototype cliquable à montrer à un associé, à un banquier ou à un agent de subvention
  • un outil interne, comme un formulaire simple qui envoie les demandes du personnel dans une seule boîte courriel
  • un test d'idée avant d'engager des sommes réelles

Ce dernier usage est peut-être le plus précieux. Constater qu'une idée ne tient pas coûte très peu lorsque la version abandonnée n'a demandé qu'une soirée.

Dans quels cas un développeur reste-t-il nécessaire?

La première version s'obtient rapidement. C'est à la deuxième qu'une réflexion approfondie devient nécessaire.

Dès qu'une application doit conserver des informations, comme des réservations, des comptes d'utilisateurs ou des commandes, elle a besoin d'une base de données. Lovable se relie à Supabase à cette fin et crée les tables pour vous. Ce qu'il ne fera pas forcément de lui-même, c'est s'assurer que les bonnes personnes voient les bonnes données et que personne d'autre n'y a accès. Supabase offre les outils nécessaires, la sécurité au niveau des rangées, mais une personne doit définir les règles, puis les vérifier. Si personne dans l'équipe du projet ne connaît cette fonction, il est très facile de lancer une application dont les données des clients peuvent être consultées par quiconque explore un peu. Un balayage automatique peut en détecter une partie, mais il ne connaît pas les règles de votre entreprise. Cette connaissance doit venir de vous.

Une deuxième préoccupation, du point de vue du référencement, tient à la façon dont les pages sont construites. Un site Lovable est une application d'une seule page : le navigateur reçoit une page presque vide que JavaScript remplit ensuite. Google s'en accommode généralement, même si l'indexation prend plus de temps. De nombreux autres robots d'indexation n'y parviennent pas, dont plusieurs des outils de recherche IA qui commencent à diriger des internautes vers des sites Web. Pour une entreprise locale qui souhaite être trouvée, il ne s'agit pas d'un détail; c'est la raison d'être même d'un site.

La situation peut être corrigée au moyen du prérendu, de titres et de descriptions appropriés sur chaque page et d'un véritable plan de site. Il faut toutefois savoir demander ces mesures, car l'outil ne les propose pas de lui-même. Si la visibilité dans les moteurs de recherche est importante pour vous, faites examiner le référencement technique avant le lancement, plutôt que six mois plus tard, au moment de constater que le téléphone ne sonne pas.

Il y a enfin tout le travail qui ne relève pas du code : rédiger les textes, choisir les photos et définir l'objectif réel du site. Lovable produira volontiers une belle page qui ne transmet aucune information utile.

Comment conserver la propriété de votre code et de votre nom de domaine?

C'est la recommandation que nous jugeons la plus importante.

Lovable permet de synchroniser le projet avec GitHub. Activez cette fonction, avec votre propre compte GitHub, dès le premier jour. Pas le compte du proche qui vous a aidé à le mettre en place, mais le vôtre.

Il en va de même pour le nom de domaine. Enregistrez-le à votre nom, chez un registraire dont vous pouvez gérer le compte vous-même, et dirigez-le vers le service qui héberge le site. Si vous quittez un jour Lovable, ou s'il modifie ses prix, ou s'il est acquis, vous déplacez le code, vous redirigez le domaine, et vos clients ne remarquent aucune différence.

C'est l'un des plus anciens problèmes des projets Web de petites entreprises, bien antérieur à l'arrivée de l'IA. Le fournisseur Web disparaît, le domaine expire et personne ne détient les mots de passe. La situation était déjà courante lorsque notre équipe concevait des sites Drupal chez Raincity. Les outils ont changé; le problème, lui, demeure.

Comment prévoir l'entretien dès le départ?

Chaque site Web est un petit système qui exige un entretien régulier. Les bibliothèques de code sont mises à jour. Des failles de sécurité sont découvertes. Vos heures changent, votre menu change, vous ajoutez un service.

Avec Lovable, les modifications mineures de texte sont assez simples pour qu'un propriétaire les effectue lui-même. Pour toute modification structurelle, vous aurez besoin d'une personne capable de lire ce que l'IA a écrit et de vérifier qu'un changement à un endroit n'a rien compromis ailleurs. L'IA est rapide pour effectuer des modifications, mais moins fiable pour se souvenir des raisons de certains choix. Elle peut annuler une décision que vous avez prise trois semaines plus tôt, parce que personne ne lui a indiqué que cette décision était intentionnelle.

Avant de commencer, nous recommandons donc de répondre à trois questions simples. Qui mettra le contenu à jour? Qui réparera le site en cas de problème? Qui paiera l'hébergement et le nom de domaine chaque année? Si la réponse aux trois questions est vous-même, c'est tout à fait acceptable, à condition que ce soit clair dès le départ.

Dans quels cas recommandons-nous Lovable aujourd'hui?

Pour les prototypes, les sites simples et les petits outils, nous le recommandons sans réserve. Il abaisse la barrière d'accès à un premier site Web davantage que tout autre outil que nous ayons vu depuis que WordPress a rendu les blogues accessibles.

Pour une entreprise qui dépend de la recherche locale, ou qui gère des données de clients, nous recommandons de l'utiliser comme point de départ, puis de réaliser par-dessus le travail moins visible : les règles de sécurité, les titres de pages et de véritables textes rédigés par une personne qui connaît l'entreprise.

La version produite en un après-midi est bien réelle. Elle n'est simplement pas terminée.

Votre entreprise mérite d'être trouvée.

Parlez-nous de votre projet. Nous vous répondons en français ou en anglais, et nous nous déplaçons partout dans la MRC de Papineau.

Affichage

Vos choix restent dans ce navigateur. Rien n'est envoyé.

Taille du texte
100 %
Couleurs
Lecture
Autres aides
Accessibilité du site