Cursus
Principes de l'IA
0 min
Bolt.new est un nouvel outil d'intelligence artificielle permettant de convertir du texte en application. Tout comme Lovable, il permet aux utilisateurs de créer des applications en utilisant uniquement des invites. Dans ce tutoriel, je vous présenterai l'outil et nous tenterons de créer une application d'entraînement physique à l'aide de celui-ci.
Si vous souhaitez en savoir plus sur ce type d'outils, je vous recommande de consulter notre tutoriel Lovable.
Qu'est-ce que Bolt.new ?
Bolt.new est un outil de conversion de texte en application qui permet aux développeurs de créer instantanément des applications full-stack avec des frameworks, des bibliothèques et des intégrations modernes déjà configurés.
Au lieu de commencer à partir de zéro ou de passer des heures à configurer des modèles de projet, vous pouvez saisir une invite telle que « créer une page d'accueil SaaS avec authentification et paiements Stripe », et Bolt créera un projet fonctionnel en quelques secondes.
L'objectif principal est de réduire le délai entre la conception d'une idée et la mise en place d'un produit fonctionnel. Avec Bolt.new, il n'est pas nécessaire d'assembler manuellement les dépendances, le routage, la gestion des états ou les bibliothèques de styles ; ces choix sont gérés automatiquement par l'outil. Il est conçu pour respecter les meilleures pratiques dès son installation, de sorte que le code source obtenu est structuré et prêt à être utilisé en production, plutôt que d'être un simple prototype jetable.
Bolt.new vous permet de publier un projet en un seul clic, le rendant ainsi accessible au public sur le web. Cependant, au moment de la rédaction de cet article, des fonctionnalités importantes telles que la base de données et l'authentification sont encore en version bêta, ce qui limite considérablement leur utilisation dans des applications réelles.
Comment débuter avec Bolt.new
Pour commencer, veuillez vous rendre sur leur site Web et créer un compte. Sans abonnement, vous disposez d'une limite de 1 million de jetons par mois et d'une limite quotidienne de 150 000 jetons.
Leur offre gratuite permet de l'essayer, mais il ne faut pas s'attendre à pouvoir effectuer de nombreuses itérations sur l'application.
J'ai tenté de contourner la limite de jetons en spécifiant toutes les fonctionnalités de manière très détaillée dans la demande initiale, mais j'ai constaté que cela ne générait généralement que l'idée principale de l'application, nécessitant des itérations supplémentaires et, par conséquent, davantage de jetons.
Comment développer une application avec Bolt.new : Application de coaching sportif
Pour tester Bold.new, nous allons tenter de créer une application de coaching sportif. Le principe de base d'une telle application est de planifier des exercices quotidiens pour nous et de nous aider à suivre nos progrès. Il élabore ensuite des plans basés sur les données historiques.
Voici l'invite initiale que j'ai utilisée :
Je souhaite développer une application de suivi des exercices pour la salle de sport. Chaque jour, il devrait me proposer une série d'exercices. Un exercice désigne une machine, un poids et un nombre de répétitions. L'application devrait me permettre d'indiquer, pour chaque exercice, le nombre de répétitions que j'ai effectuées et si l'exercice était difficile, normal ou facile. Ces données sont ensuite utilisées pour planifier les jours suivants.
Après avoir soumis la demande, un projet React a été créé et la mise en œuvre des fonctionnalités de base a commencé. Il fournit une liste complète de tous les fichiers générés dans les journaux :
Après un certain temps, l'application a fonctionné. Voici à quoi cela ressemblait à ce stade :
Lors de la création d'une nouvelle séance d'entraînement, voici ce que j'ai obtenu :
Ce n'est pas exactement ce que j'avais envisagé, car chaque exercice consistait en une seule série, mais cela s'en rapprochait suffisamment. Pour être honnête, je pense que ma demande initiale n'était pas tout à fait claire à ce sujet. C'est ici que la compréhension de l'ingénierie des invites devient utile.
En termes de jetons, cette invite initiale a déjà utilisé 97 000 jetons sur la limite quotidienne de 150 000. Cela démontre que, dans le cadre du forfait gratuit, nous ne pouvons pas vraiment aller très loin dans la mise en œuvre de nos idées.
Demande de modifications de l'application
L'idée principale derrière ces outils d'IA de conversion de texte en application est que nous pouvons concrétiser nos idées sans avoir à maîtriser le codage, simplement en communiquant avec l'IA et en demandant des modifications.
Pour exprimer cette codage vibratoire , je demande que chaque exercice soit composé de plusieurs séries.
Bolt.new a apporté des modifications ; cependant, lorsqu'il a tenté de réafficher l'application, une erreur s'est produite.
L'interface détecte l'erreur et propose de tenter automatiquement de la corriger.
Parfois, il est possible d'identifier directement l'erreur et de la corriger automatiquement. Cependant, dans ce cas, les nouvelles modifications ont entraîné d'autres erreurs :
Après quelques corrections d'erreurs, nous avons obtenu une version fonctionnelle, dans laquelle chaque séance d'entraînement comportait plusieurs exercices, chacun avec plusieurs séries (nombre de répétitions). Pour chaque série, nous pouvons suivre le nombre de répétitions effectuées, puis nous pouvons donner notre avis sur la difficulté que nous avons ressentie.
Les données issues des commentaires devraient être utilisées pour planifier les sessions futures. Je souhaitais discuter afin d'obtenir des informations détaillées sur la manière dont ces données sont utilisées, mais à ce moment-là, j'avais épuisé mon crédit quotidien.
L'un des problèmes que je rencontre souvent lors de la création d'applications de ce type est que nous avons peu de contrôle sur ce qui se passe en arrière-plan. Nous pouvons observer en expérimentant et en utilisant l'application, mais cela n'est pas toujours suffisant pour comprendre pleinement comment les choses sont mises en œuvre.
Examen du nouveau code Bolt.
Si vous avez des connaissances en programmation, il est possible de comprendre le fonctionnement de l'application en examinant le code. Contrairement à Lovable, Bolt.new permet de visualiser très facilement le code directement dans l'interface web.
En ouvrant l'éditeur de code, nous pouvons visualiser tous les fichiers du projet. En cliquant sur un fichier, celui-ci s'ouvrira dans l'éditeur de code, ce qui nous permettra de voir comment il fonctionne et d'apporter des modifications directement dans le navigateur.
Là, j'ai observé un fichier nommé workoutGenerator.ts, dont le nom indique qu'il contient la logique permettant de générer de nouveaux entraînements.
Comme je n'avais plus de crédits, j'ai copié-collé le code dans chatGPT et lui ai demandé de me l'expliquer. Voici un résumé de son fonctionnement :
L'application crée chaque jour un nouvel entraînement pour vous en tenant compte de ce que vous avez déjà accompli. Il enregistre le nombre d'entraînements que vous avez effectués et alterne entre différents types d'exercices, tels que le haut du corps, le bas du corps ou le corps entier, afin que vos muscles bénéficient d'un programme équilibré au fil du temps. Pour chaque type d'entraînement, il sélectionne de manière aléatoire une série d'exercices adaptés aux groupes musculaires appropriés, afin que vous ne répétiez pas toujours les mêmes mouvements.
Il tient également compte de vos performances lors de vos entraînements précédents. Si un exercice vous semble facile et que vous réussissez souvent, il augmentera légèrement le poids ou ajoutera des répétitions supplémentaires pour maintenir le défi. Si un exercice est trop difficile, il est recommandé de réduire le poids afin de le rendre plus accessible. De cette manière, l'entraînement s'adapte à vos progrès et vous aide à vous améliorer à un rythme approprié sans excès. Cela me semble raisonnable, en particulier pour une première version du produit.
Publication de l'application Bolt.new
Pour publier l'application, veuillez cliquer sur le bouton « Publier » situé dans le coin supérieur droit.
Une fois publié, nous recevons une URL dans le chat qui nous permet d'ouvrir l'application.
Nous pouvons l'utiliser sur le navigateur et le partager avec d'autres personnes. Nous pouvons également l'installer sur le téléphone. Cependant, comme il s'agit d'une application web, nous ne l'installons pas via l'App Store, mais directement depuis le navigateur en procédant comme suit :
- Veuillez ouvrir le lien sur votre téléphone.
- Veuillez cliquer sur le menu des options dans le navigateur.
- Veuillez cliquer sur l'option « Ajouter à l'écran d'accueil ».
Malheureusement, Bolt.new n'a pas transformé l'application en une application web progressive (PWA) prête à l'emploi. Cela signifie que lorsque nous l'installons sur le téléphone portable, comme nous venons de l'expliquer, cela crée simplement un lien sur notre écran d'accueil, de sorte que l'expérience n'est pas très différente de celle que l'on a en l'utilisant dans le navigateur.
J'ai demandé à ce que l'application soit convertie en PWA afin qu'elle se comporte comme une application native, mais cela n'a pas été très concluant. Bolt.new a bien démarré en générant les fichiers nécessaires, mais l'une des exigences pour une PWA est de disposer de logos sous forme d'images. Malheureusement, la tentative de Bolt.new de générer ces images en écrivant les octets d'image a non seulement probablement généré des images dépourvues de sens, mais a également consommé tous les jetons.
Configuration d'un domaine personnalisé
L'URL que nous avons obtenue pour l'application a été générée automatiquement, ce qui la rend peu adaptée à la production. Pour un produit réel, nous devrions acquérir et configurer notre propre domaine. Cette opération peut être effectuée sur la page « Domaines et hébergement » dans les paramètres du projet.
La version actuelle de l'application n'enregistre pas les données dans une base de données. Par conséquent, si nous ouvrons l'application sur notre ordinateur puis sur notre téléphone, nous ne verrons pas les mêmes données. Les données sont conservées localement sur l'appareil. Par conséquent, si vous utilisez le même appareil, les données seront stockées localement. C'est pourquoi, si nous actualisons l'application, nous ne perdrons pas le programme d'entraînement actuel ni les entraînements passés.
Ceci est acceptable pour un prototype, mais ne convient pas du tout pour un produit commercial. À l'heure actuelle, l'authentification et les bases de données sont encore en phase bêta. Vous pouvez y accéder en vous inscrivant à leur version bêta privée.
Conclusion
Je considère que Bolt.new est un excellent outil pour créer rapidement un prototype et valider une idée de produit. Cependant, l'IA a tendance à mettre en œuvre des fonctionnalités de manière superficielle, ce qui signifie que les applications importantes nécessitent de nombreuses itérations.
Même en fournissant une invite initiale détaillée, le résultat n'effleure que la surface de la spécification complète, et les limites de jetons de l'offre gratuite rendent presque impossible la création de quoi que ce soit de significatif sans abonnement.
De plus, étant donné que des services essentiels tels que l'authentification et la prise en charge des bases de données sont encore en version bêta, je recommanderais d'attendre leur sortie officielle avant de tenter de créer une application prête à être mise en production.
Dans l'ensemble, Bolt.new fonctionne de manière similaire à ses concurrents, mais sa caractéristique distinctive est la possibilité de visualiser et de modifier le code source directement dans l'interface web ; un avantage crucial qui répond à l'une des principales frustrations que j'ai rencontrées avec des plateformes telles que Lovable.