Pour une application web, créer une application ne demande plus de savoir programmer : vous décrivez à une IA ce que l'application doit faire, vous testez le résultat dans un aperçu en direct et vous l'améliorez par petits messages jusqu'à ce qu'elle fonctionne. Il faut en revanche être précis sur vos règles. Ce guide suit un exemple concret, une application de réservation de créneaux pour une salle d'escalade associative, construite avec VibeDream.
Application web ou application mobile ?
Première décision. Une application mobile native se télécharge sur l'App Store ou Google Play. Une application web s'ouvre par un simple lien dans le navigateur, sur téléphone comme sur ordinateur. VibeDream crée des applications web et des jeux pour navigateur, pas d'applications natives pour les stores.
- Application web : partagée par un lien, sans validation par un store, et vous la mettez à jour quand vous le décidez, sans réinstallation pour personne.
- Application native : accès à plus de fonctions du téléphone et une icône dans le store, mais comptes développeur, relecture par Apple ou Google et beaucoup plus de travail.
Pour des réservations, des formulaires, des outils d'équipe ou un espace client, une application web suffit presque toujours. Le comparatif complet est dans notre article en anglais web app vs native app.
Le cahier des charges en cinq lignes
Avant d'ouvrir l'outil, répondez à cinq questions dans une note. Pour la salle d'escalade :
- Qui l'utilise ? Les adhérents sur leur téléphone, et deux bénévoles qui gèrent l'accueil.
- Quelle est sa tâche principale ? Réserver un créneau de grimpe sans dépasser la capacité de la salle.
- Quels écrans ? Créneaux de la semaine, réservation, mes réservations, et une vue protégée pour les bénévoles.
- Quelles données ? Nom, e-mail, numéro d'adhérent, créneau réservé.
- Quelles règles ? 20 grimpeurs maximum par créneau de 2 heures, une seule réservation par adhérent et par jour, annulation possible jusqu'à 2 heures avant.
Créer une application avec l'IA, pas à pas
Transformez la note en un seul message. Dans VibeDream, cliquez sur New Project, choisissez Direct Prompt et collez le texte, ou dictez-le avec le micro. L'interface est en anglais pour le moment, mais vous pouvez écrire votre demande en français.
Crée une application web de réservation pour la salle d'escalade associative « Bloc Party » à Grenoble.
Écrans : Créneaux (semaine en cours, créneaux de 2 heures de 10 h à 22 h, places restantes), Réserver (nom, e-mail, numéro d'adhérent), Mes réservations (avec bouton Annuler), et une page /benevoles protégée par mot de passe avec la liste du jour.
Règles : 20 places par créneau, une réservation par adhérent et par jour, annulation jusqu'à 2 heures avant le début.
Style : sportif et lisible, fond clair, accents orange, gros boutons, pensé d'abord pour le téléphone.
Tous les textes en français, en vouvoyant l'utilisateur.L'aperçu apparaît à côté de la conversation et se construit pendant que l'IA travaille. Testez avec des cas dont vous connaissez la réponse : réservez deux fois le même jour avec le même numéro d'adhérent. Si l'application l'accepte, vous tenez votre première correction.
- « Je peux réserver deux créneaux le même jour avec le numéro 1042. Refuse la deuxième réservation et affiche Vous avez déjà un créneau ce jour-là. »
- « Quand un créneau est complet, grise-le et affiche Complet au lieu du nombre de places. »
- « L'annulation marche encore 30 minutes avant le début. Bloque-la à partir de 2 heures avant. »
- « Sur la page /benevoles, ajoute un bouton pour exporter la liste du jour. »
Si un message d'erreur apparaît, copiez-le dans la conversation en précisant quand il survient. Pour partir d'une base existante plutôt que d'une page vide, le modèle Blank Starter fournit déjà une interface React reliée à un serveur FastAPI. Les grandes décisions autour d'un projet d'application sont détaillées dans notre guide en anglais How to build an app.
Données, connexion et paiements
Une application VibeDream a un serveur FastAPI : demandez à l'IA d'y enregistrer les données. Après une réservation de test, rechargez la page et vérifiez qu'elle est toujours là. Pour que les bénévoles se connectent avec un vrai compte, demandez-le simplement : « Les bénévoles se connectent avec e-mail et mot de passe avant de voir /benevoles. » L'IA l'écrit dans votre application. Vous pouvez aussi toucher Add login ou Add database sous le chat : VibeDream active la connexion et la base de données en un clic. Le paiement intégré en un clic arrive bientôt. Pour encaisser des paiements dès aujourd'hui, vous reliez votre propre compte Stripe.
Les clés secrètes, par exemple celle d'un service d'envoi d'e-mails, ne vont jamais dans la conversation. Ajoutez-les dans l'onglet Settings du projet. Et comme l'application collecte des noms et des e-mails, informez vos adhérents de l'usage de leurs données, conformément au RGPD.
Mettre l'application en ligne
Cliquez sur Put it online, choisissez un nom, et en 1 à 3 minutes votre application est accessible à une adresse comme bloc-party.vibedreams.ai, avec le HTTPS. La version publique ne change que lorsque vous cliquez sur Update it : vous pouvez donc continuer à tester dans l'aperçu sans gêner ceux qui réservent.
Pour utiliser votre propre domaine, par exemple reservation.blocparty.fr, ajoutez un enregistrement TXT et un CNAME chez votre registraire ; le certificat HTTPS est émis automatiquement. Les domaines racine ne sont pas encore pris en charge : utilisez un sous-domaine ou une adresse en www. Le guide de mise en ligne, en anglais, détaille chaque étape. Le code vous appartient : lisez-le dans l'onglet Code, téléchargez-le en ZIP ou synchronisez-le avec votre dépôt GitHub.
Combien coûte la création d'une application
Côté budget, VibeDream fonctionne avec un abonnement mensuel en crédits. All Access Mini coûte 49 dollars US par mois avec 60 crédits et jusqu'à 3 projets actifs. All Access coûte 97 dollars US par mois avec 150 crédits et jusqu'à 5 projets actifs. Les crédits se consomment à chaque message, et une mise en ligne ou une mise à jour coûte 5 crédits, hébergement compris. Les tarifs à jour sont sur la page des prix.
Si vous voulez d'abord une simple page pour tester l'intérêt de votre idée avant de construire l'application, commencez par une landing page.