Un site de commande sans backend : comment ça marche

Un petit commerce de cuisine africaine avait besoin de prendre des commandes en ligne de façon structurée, menu complet, tailles de portion, informations de livraison, sans le budget ni le besoin d'un vrai backend, d'une base de données, ou d'une intégration de passerelle de paiement. Délice Duo répond à ce besoin avec une seule page.

Le pari : tout tient dans un fichier

Un unique fichier HTML d'environ 50 Ko, CSS et JavaScript inline, aucune étape de build, aucun framework, aucun package.json, plus un dossier d'images. La même approche que le site de TUM Corporation, condensée sur une seule page plutôt que plusieurs. Le panier, les filtres par catégorie, la gestion des portions et des choix (Poulet ou Poisson selon le plat), tout tourne côté client.

Le menu réel : 12 plats répartis en 4 catégories (Attiéké, Foutou, Riz & Sauces, Autres spécialités), chacun avec trois tailles de portion à des prix différents.

Le vrai problème à résoudre : commander sans serveur

Sans backend, comment une commande devient-elle réelle ? La réponse : WhatsApp comme canal de commande. Le client compose son panier, remplit ses informations (nom, adresse, téléphone), choisit un mode de paiement, scan UPI (PhonePe, Paytm, Google Pay) ou espèces à la livraison, et au moment de valider, un message WhatsApp pré-rempli s'ouvre automatiquement vers le commerce avec le détail complet de la commande. Aucun serveur n'a besoin de recevoir quoi que ce soit.

Un détail qui a son importance : le site n'accepte les commandes que les vrais jours d'activité du commerce (mardi, samedi, dimanche). En dehors de ces jours, un message clair invite à commander en avance, avec la date du prochain jour disponible calculée automatiquement.

Le défi : prouver un paiement sans passerelle de paiement

Sans intégration de paiement réelle, comment être sûr qu'une commande scannée a vraiment été payée ? Le formulaire demande les 4 derniers chiffres de la référence de paiement UPI, et le parcours demande explicitement au client d'envoyer aussi une capture d'écran de la confirmation de paiement, directement dans la même conversation WhatsApp qui vient de s'ouvrir. Ce n'est pas une vérification automatique, mais un système simple et honnête sur ses limites, adapté à l'échelle réelle du commerce.

Autres détails pensés pour l'usage réel : un reçu de commande généré automatiquement (rendu sur un canvas, téléchargeable en image) que le client est invité à sauvegarder, et un historique de ses commandes conservé localement dans son navigateur.

Le résultat

Un site de commande en ligne fonctionnel pour un petit commerce alimentaire, sans coût d'hébergement au-delà d'un simple hébergeur de fichiers statiques, et sans intégration de passerelle de paiement. La preuve qu'une bonne expérience utilisateur ne demande pas toujours une infrastructure lourde derrière.