Créer une app SaaS en 1 semaine avec le Vibe Coding à Cotonou
Guide jour par jour pour créer une app SaaS de gestion de commandes pour restaurant à Cotonou avec Cursor, Supabase et Vercel, budget sous 30 000 FCFA.
Créer une app SaaS fonctionnelle en une semaine est possible avec le Vibe Coding. Ce guide vous montre, jour par jour, comment construire une application de gestion de commandes pour un restaurant à Cotonou, depuis la conception jusqu'au déploiement en production, avec un budget inférieur à 30 000 FCFA par mois.
Le projet : une app de gestion de commandes pour restaurant à Cotonou
Le restaurant "Saveurs du Port" à Cotonou gère ses commandes sur des carnets papier. Les erreurs sont fréquentes, les calculs lents, le suivi des tables impossible pendant les coups de feu. Le propriétaire, Rodrigue, veut une app simple : les serveurs prennent la commande sur téléphone, la cuisine voit les commandes en temps réel, la caisse calcule l'addition automatiquement.
Ce projet est parfait pour illustrer le Vibe Coding. Il nécessite une base de données (menus, tables, commandes), une interface web responsive (serveurs au téléphone), une vue cuisine en temps réel, et un module caisse. En développement classique, ce projet prendrait 4 à 6 semaines. Avec le Vibe Coding, une semaine suffit pour une version fonctionnelle.
L'investissement mensuel pour Rodrigue : Cursor à 12 000 FCFA, Supabase (base de données) à 0 FCFA sur le plan gratuit, Vercel (hébergement) à 0 FCFA. Total : 12 000 FCFA par mois pour une app professionnelle qui remplace un développement qui lui aurait coûté 500 000 à 1 500 000 FCFA en une fois.
Stack technique utilisée : Next.js 14 (frontend), Supabase (base de données PostgreSQL + authentification), Tailwind CSS (interface), Vercel (hébergement), CinetPay (paiements). Toute cette stack est gratuite ou très peu coûteuse au démarrage.
Jour 1 : Conception et maquette
Le premier jour ne touche pas encore à Cursor. Il est consacré à la définition précise du projet. Rodrigue liste sur papier les 4 rôles utilisateurs (serveur, cuisinier, caissier, manager), les données à gérer (tables, catégories de menu, plats, commandes, statuts) et les écrans nécessaires (liste des tables, ajout commande, vue cuisine, caisse).
Cette phase est cruciale. Plus votre cahier des charges est précis, meilleurs sont les prompts que vous donnerez à l'IA. Une spécification vague donne un code vague. Rodrigue passe 3 heures à rédiger ses spécifications, créer des maquettes simples avec Figma (gratuit) et lister toutes les règles métier (une commande peut être modifiée jusqu'à validation cuisine, un plat peut être indisponible, etc.).
En fin de journée, il ouvre Cursor et donne le premier prompt : "Crée la structure complète d'un projet Next.js 14 avec App Router et Tailwind CSS pour une application de gestion de commandes de restaurant. Crée aussi le schéma Supabase avec les tables : restaurants, tables, categories, items, orders, order_items, users avec les relations appropriées." Cursor génère la structure en 8 minutes.
Jour 2 : Base de données et backend
La deuxième journée est dédiée à Supabase. Rodrigue crée son compte (gratuit), crée un nouveau projet et importe le schéma SQL généré la veille par Cursor. Il configure les politiques de sécurité Row Level Security pour que chaque utilisateur n'accède qu'à ses propres données.
Il prompte Cursor pour générer les fonctions utilitaires de connexion à Supabase, les types TypeScript correspondant aux tables, et les premières fonctions CRUD (créer, lire, mettre à jour, supprimer). Cursor génère également un fichier de données initiales pour peupler la base : 3 catégories, 15 plats avec prix en FCFA, 12 tables numérotées.
- Créer le projet Supabase : Compte gratuit sur supabase.com, nouveau projet, région Europe West (la plus proche du Bénin en termes de latence).
- Importer le schéma SQL : Copier le SQL généré par Cursor dans l'éditeur SQL de Supabase et exécuter. Les tables sont créées en secondes.
- Configurer les variables d'environnement : Copier l'URL et la clé publique Supabase dans le fichier .env.local de Next.js.
- Générer les types TypeScript : Supabase CLI génère automatiquement les types correspondant à votre schéma. Un prompt Cursor permet de les intégrer proprement.
- Tester la connexion : Un prompt Cursor crée une page de test qui affiche les tables et catégories depuis Supabase. Si les données s'affichent, la connexion est bonne.
Jour 3 : Frontend avec Cursor
Le troisième jour est le plus intensif. Rodrigue construit toutes les interfaces utilisateur. Il commence par la vue serveur : la liste des tables avec leur statut (libre, occupée, en attente), la sélection de table, l'ajout de plats à une commande. Chaque écran est prompté séparément pour garder des instructions claires.
Exemple de prompt efficace pour la vue cuisine : "Crée un composant React pour la vue cuisine. Il doit afficher en temps réel les commandes avec statut 'en préparation' sous forme de cartes. Chaque carte montre : numéro de table, liste des plats commandés, heure de commande, et un bouton 'Prêt' pour marquer la commande comme prête. Utilise Supabase Realtime pour les mises à jour en direct. Tailwind CSS pour le style, thème sombre pour une meilleure lisibilité en cuisine."
Cursor génère le composant complet avec la logique Supabase Realtime en moins de 3 minutes. Rodrigue teste, constate que l'heure s'affiche en format UTC, re-prompte pour corriger en UTC+1 (heure de Cotonou). Deuxième itération, c'est bon. Ce cycle dure toute la journée mais avance très vite.
Astuce Cursor : Utilisez le mode Composer (Ctrl+I sur Mac, Ctrl+I sur Windows) pour les modifications qui touchent plusieurs fichiers en même temps. Cursor comprend les dépendances et met à jour tous les fichiers concernés de manière cohérente.
Jour 4 : Intégration des paiements et SMS
Le quatrième jour est consacré aux intégrations. Pour les paiements, Rodrigue choisit CinetPay qui supporte MTN MoMo et Moov Money, les deux opérateurs principaux au Bénin. Il crée son compte marchand CinetPay, obtient ses clés API et prompte Cursor pour l'intégration.
Le prompt paiement : "Intègre CinetPay dans l'application pour le paiement des additions. Quand le caissier clique sur 'Payer', affiche un formulaire avec le montant total et un choix entre MTN MoMo, Moov Money et carte bancaire. Utilise l'API CinetPay v2 avec les clés dans les variables d'environnement. Redirige vers une page de confirmation si le paiement réussit."
Pour les SMS, il intègre Twilio pour envoyer un SMS de confirmation au client une fois la commande payée. Budget SMS : environ 25 FCFA par message. Pour 50 commandes par jour, cela représente 1 250 FCFA par jour, 37 500 FCFA par mois. Un coût raisonnable pour une meilleure expérience client.
| Intégration | Fournisseur | Coût | Temps setup |
|---|---|---|---|
| Paiements Mobile Money | CinetPay | Commission 2-3% | 2-3h |
| Paiements carte | CinetPay | Commission 2-3% | Inclus |
| SMS confirmation | Twilio | ~25 FCFA/SMS | 1h |
| Authentification | Supabase Auth | Gratuit | 30min |
| Mails transactionnels | Resend | Gratuit jusqu'à 100/jour | 1h |
Jour 5 : Déploiement et tests
Le cinquième jour est consacré au déploiement sur Vercel et aux tests intensifs. Vercel est la plateforme de déploiement recommandée pour les applications Next.js : gratuite pour les petits projets, déploiement en un clic depuis GitHub, domaine personnalisé inclus, HTTPS automatique.
Rodrigue connecte son dépôt GitHub à Vercel, configure les variables d'environnement (clés Supabase, CinetPay, Twilio) dans l'interface Vercel, et lance son premier déploiement. En 3 minutes, l'app est en ligne sur une URL Vercel. Il configure ensuite son domaine personnalisé : savorskitchen-cotonou.com.
La journée de test simule une vraie journée de service. Rodrigue joue le rôle du serveur, de la cuisine et de la caisse. Il identifie 6 bugs mineurs (un calcul de total incorrect, une mise à jour Realtime qui ne se déclenche pas dans certains cas, un bouton mal positionné sur mobile). Chaque bug est prompté à Cursor et corrigé en quelques minutes.
Test indispensable : Testez votre app sur les vrais téléphones de vos futurs utilisateurs. Un Samsung Galaxy A-series ou un Tecno Camon, qui sont les téléphones les plus courants au Bénin, peuvent afficher les choses différemment qu'un iPhone. Faites des tests de charge aussi : 5 utilisateurs simultanés au minimum.
Résultats et bilan de la semaine
En cinq jours de travail, Rodrigue a une application professionnelle en production. Les fonctionnalités livrées : authentification par rôle (serveur, cuisine, caisse, manager), gestion des tables et commandes en temps réel, menu digital modifiable par le manager, calcul automatique des additions, paiement Mobile Money intégré, historique des ventes avec export CSV.
Le coût de développement : zéro, car Rodrigue a tout fait lui-même. Le coût mensuel récurrent : 12 000 FCFA pour Cursor, 0 FCFA pour Supabase (plan gratuit), 0 FCFA pour Vercel (plan gratuit), environ 37 000 FCFA pour les SMS si 50 commandes par jour. Total : moins de 50 000 FCFA par mois pour une app qui a transformé son restaurant.
Semaine 1
Version MVP déployée. Gestion commandes, vue cuisine, caisse basique. 5 jours de travail intensif.
Semaine 2-4
Corrections post-lancement, ajout fonctionnalités demandées par l'équipe, optimisation mobile.
Mois 2+
Ajout du module statistiques, programme de fidélité, intégration caisse enregistreuse physique.
Semaine 2-4 : les améliorations post-lancement
Le lancement d'un MVP n'est que le début. Les premières semaines d'utilisation réelle révèlent les ajustements nécessaires et font émerger de nouvelles demandes de l'équipe. C'est une phase aussi importante que le développement initial.
Rodrigue collecte les retours de son équipe après la première semaine : les serveurs veulent un raccourci vers les boissons les plus commandées pour accélérer la saisie, la cuisine demande un signal sonore quand une nouvelle commande arrive, le manager veut les statistiques de vente du soir pour piloter ses achats. Chaque retour devient un prompt Cursor.
En semaine 2, Rodrigue corrige les 3 bugs résiduels, ajoute une liste de favoris pour les 10 plats les plus commandés, et intègre les Notifications API du navigateur pour déclencher un son en cuisine à chaque nouvelle commande. En semaines 3 et 4, il développe le module statistiques : chiffre d'affaires par jour et par semaine, plats les plus commandés, identification des heures de pointe. Chaque session Cursor dure 2 heures maximum.
Les résultats mesurés après un mois complet d'utilisation sont nets. Le temps moyen de service par table est passé de 28 minutes à 17 minutes. Les erreurs de commande sont tombées de 4 à 5 par soir à moins d'une. Le chiffre d'affaires mensuel du restaurant a progressé de 12%, soit environ 85 000 FCFA de revenus supplémentaires par mois.
Deux autres cas réels à Cotonou
Le cas de Rodrigue n'est pas isolé. D'autres entrepreneurs de Cotonou ont suivi une démarche similaire dans des secteurs différents, avec des résultats mesurables. Voici deux témoignages supplémentaires qui illustrent la polyvalence du Vibe Coding pour les PME béninoises.
Sènan Hounkpé — Pharmacie, quartier Akpakpa, Cotonou
Sènan perdait 45 minutes par jour à rechercher manuellement les ordonnances dans ses classeurs et à vérifier son stock de médicaments avant de répondre aux clients. Il a construit une app de gestion des ordonnances et du stock en 8 jours avec Cursor (12 000 FCFA/mois) et Supabase (gratuit). La recherche d'une ordonnance prend désormais 5 minutes au lieu de 45. Calcul de ROI direct : 40 minutes gagnées par jour, à raison de 1 500 FCFA l'heure, sur 22 jours ouvrés, représentent 22 000 FCFA économisés par mois. L'outil est rentabilisé dès le premier mois d'utilisation.
Habib Moussa — Traiteur événementiel, Cotonou
Habib gérait ses devis par messages WhatsApp et son planning sur des feuilles volantes. Les oublis de livraison étaient fréquents (3 à 4 par mois), certains prospects tombaient entre les mailles du suivi. Il a développé une app de devis et de suivi des commandes en 7 jours avec Cursor. Avant : un chiffre d'affaires mensuel de 800 000 FCFA (environ 1 220 EUR). Trois mois après le lancement : 1 200 000 FCFA par mois (environ 1 830 EUR). Le principal levier est le meilleur suivi des prospects et la disparition totale des oublis de livraison.
Adapter ce guide à votre secteur d'activité au Bénin
Ce guide restaurant est adaptable à de nombreux secteurs au Bénin. Une boutique de vente en gros a besoin de la même structure : produits, stocks, clients, commandes. La logique est identique, seuls les noms changent. Un cabinet médical a besoin de patients, rendez-vous, consultations. Même logique CRUD.
L'important est de bien préparer vos spécifications le Jour 1. Plus vous êtes précis sur vos données et vos règles métier, plus le Vibe Coding sera efficace. Un mauvais brief donne une mauvaise app, peu importe la qualité de l'IA utilisée. C'est votre expertise métier qui fait la différence.
Vous voulez reproduire ce projet pour votre entreprise à Cotonou ? Contactez-nous pour un accompagnement personnalisé en Vibe Coding.
Questions fréquentes — Créer une app SaaS en 1 semaine
Est-ce vraiment possible de créer une app en 1 semaine avec le Vibe Coding ?
Oui, pour une application de type MVP (Minimum Viable Product) avec des fonctionnalités bien définies. La semaine décrite dans cet article représente un travail de 8 à 10 heures par jour. Si vous débutez avec Cursor, comptez plutôt 2 à 3 semaines le temps de prendre en main les outils. La vitesse augmente significativement avec la pratique.
Faut-il avoir des connaissances en Next.js pour suivre ce guide ?
Des notions de base sur ce qu'est React et comment fonctionne un framework web facilitent la compréhension. Mais Cursor peut générer et expliquer le code Next.js sans que vous ayez à l'écrire manuellement. L'essentiel est de comprendre la logique de votre application, pas de maîtriser la syntaxe du framework.
CinetPay fonctionne-t-il bien pour les paiements au Bénin ?
CinetPay est l'un des agrégateurs de paiement les plus utilisés en Afrique de l'Ouest. Il supporte MTN MoMo Bénin, Moov Money Bénin, les cartes Visa et Mastercard. Les commissions sont de l'ordre de 2 à 3% par transaction. L'intégration API est bien documentée et Cursor génère le code d'intégration facilement.
Supabase est-il fiable pour une application professionnelle ?
Oui. Supabase est utilisé par des milliers d'entreprises dans le monde, dont des startups ayant levé des millions d'euros. Le plan gratuit couvre largement les besoins d'une PME béninoise en démarrage (500 Mo de base de données, 50 000 requêtes par mois). Le passage au plan payant (25$/mois soit 15 000 FCFA) se fait simplement quand vous grandissez.
Que se passe-t-il si je rencontre un bug que Cursor ne sait pas corriger ?
C'est rare mais cela arrive. Dans ce cas, cherchez d'abord sur Stack Overflow ou la documentation officielle. Copiez le message d'erreur exact dans Cursor avec le contexte. Si Cursor échoue après 3 tentatives, postez dans la communauté Next.js ou Supabase sur Discord : ces communautés sont très actives et répondent généralement en quelques heures.
Comment sécuriser mon app une fois déployée sur Vercel ?
Plusieurs mesures essentielles : activer HTTPS (Vercel le fait automatiquement), configurer les Row Level Security dans Supabase pour chaque table, ne jamais exposer les clés API secrètes côté client, valider toutes les données côté serveur. Cursor peut générer un audit de sécurité basique si vous lui demandez explicitement de vérifier les failles courantes.
Peut-on ajouter une fonctionnalité mobile native (Android/iOS) avec cette stack ?
L'application Next.js est déjà responsive et fonctionne parfaitement sur mobile. Pour une app native dans le Google Play Store ou l'App Store, il faudrait une étape supplémentaire avec Capacitor ou React Native. Avec le Vibe Coding, Cursor peut générer une base React Native en quelques heures si votre cahier des charges est clair.
Quel domaine utiliser pour mon app au Bénin ?
Les extensions .com sont les plus reconnues et les moins chères (environ 10-15$ par an). Les domaines .bj (Bénin) existent mais sont moins courants. Pour Vercel, l'app est d'abord déployée sur un sous-domaine votrenom.vercel.app gratuit. La configuration d'un domaine personnalisé prend 10 minutes dans l'interface Vercel.
Combien d'utilisateurs simultanés peut supporter l'app sur les plans gratuits ?
Le plan gratuit de Vercel supporte jusqu'à 100 Go de bande passante par mois et gère les pics de trafic automatiquement. Supabase gratuit limite à 50 000 requêtes par mois. Pour un restaurant à Cotonou avec 5 à 10 serveurs, c'est largement suffisant. Si votre app grandit, les plans payants à 20-25$/mois offrent des capacités bien supérieures.
Ce guide est-il adaptable pour d'autres villes du Bénin que Cotonou ?
Totalement. Que vous soyez à Porto-Novo, Parakou, Abomey ou Bohicon, la stack technique est identique. Seuls les partenaires locaux peuvent varier : vérifiez la disponibilité de MTN MoMo et Moov Money dans votre ville avant d'intégrer CinetPay. L'hébergement sur Vercel fonctionne depuis n'importe quelle ville avec une connexion internet.
Aller plus loin
Services et ressources en lien avec ce sujet
Développeur Fullstack Cotonou
Applications React, Node.js, Next.js sur mesure.
Création Application Sur-Mesure
SaaS, ERP, portail client — développement complet.
Vibe Coding Cotonou
Développez votre MVP rapidement avec l'IA.
Packs & Tarifs Développement Bénin
Forfaits adaptés à chaque budget et type de projet.
Vous avez aimé cet article ?
J'aime
Partager cet article
Commentaires
Laisser un commentaire
Chargement des commentaires...