#bonp26MVP FONCTIONNEL2026

BonPass

SaaS de cartes de fidélité digitales pour commerces de proximité, avec inscription client par QR code et gestion des points côté commerçant.

typefullstack

// stack_utilisée

Next.js App RouterTypeScriptTailwind CSSSupabase AuthSupabase DatabaseSupabase RLSVercelOVH DNS
Demo live
01

Contexte & Problème

// situation_initiale

BonPass est un SaaS permettant aux commerces de proximité de créer un programme de fidélité digital. Le commerçant configure son commerce et son programme, affiche un QR code public, puis le client crée sa carte digitale. En caisse, le commerçant scanne le QR code client pour ajouter ou retirer des points ou tampons.

// problème_identifié

Les petites entreprises utilisent encore souvent des cartes papier faciles à perdre, difficiles à suivre et peu pratiques à gérer. BonPass vise à simplifier la fidélisation client avec une carte digitale accessible depuis le téléphone, sans application mobile à installer.

// objectifs[]

  • [00]Créer un parcours simple pour les commerçants de proximité
  • [01]Permettre aux clients de rejoindre un programme via QR code
  • [02]Remplacer la carte papier par une carte digitale accessible sur mobile
  • [03]Donner au commerçant un dashboard pour suivre clients, scans et statistiques
02

Solution

BonPass centralise la création du commerce, la configuration du programme de fidélité, l’inscription client, la génération de cartes digitales et le scan QR en caisse. Le commerçant dispose d’un dashboard pour suivre son activité, ses clients et ses statistiques.

03

Architecture

Application Next.js App Router connectée à Supabase pour l’authentification, les données et les règles RLS. Le parcours sépare le dashboard commerçant, l’inscription publique via QR code et la carte client consultable par token.

04

Fonctionnalités principales

item_01

Création de compte commerçant

Connexion et inscription par email et mot de passe avec Supabase Auth.

item_02

Gestion du commerce

Le commerçant peut créer son commerce, définir son identité et configurer son programme de fidélité.

item_03

Carte client digitale

Le client rejoint le programme via une page publique et obtient une carte digitale accessible avec un token unique.

item_04

QR code client

Chaque carte dispose d’un QR code scannable par le commerçant depuis le dashboard.

item_05

Ajout et retrait de points

Le commerçant peut scanner une carte client pour ajouter ou retirer des points ou tampons.

item_06

Dashboard et statistiques

Le dashboard affiche les informations principales, les clients, les scans et les statistiques du programme.

05

Résultat

Le MVP permet déjà de créer un compte, configurer un commerce, créer un programme de fidélité, générer une carte client, scanner un QR code et modifier le solde de points. Le projet est déployé sur Vercel avec le domaine bonpass.fr.

06

Pages principales

  • [01]/
  • [02]/login
  • [03]/dashboard
  • [04]/dashboard/business
  • [05]/dashboard/program
  • [06]/dashboard/scan
  • [07]/dashboard/clients
  • [08]/dashboard/employees
  • [09]/dashboard/stats
  • [10]/join/[businessSlug]
  • [11]/card/[token]
07

Limites & recul critique

  • [01]Le produit est encore en phase MVP.
  • [02]La persistance de session Supabase SSR doit être stabilisée pour garantir une expérience fluide après refresh et navigation.
  • [03]La sécurité Supabase, les policies RLS, les rôles employés et la rotation des clés doivent être finalisés avant une vraie mise en production commerciale.