Template E-Commerce Restaurant — Commande via WhatsApp

Problème

La majorité des petits restaurants, traiteurs et vendeurs de repas à domicile — particulièrement en Afrique de l'Ouest — gèrent encore leurs commandes via des échanges informels sur WhatsApp ou des appels téléphoniques. C'est fonctionnel, mais chaotique : les commandes se perdent, les prix ne sont pas clairs, et l'image renvoyée est loin d'être professionnelle.

Mettre en place une boutique en ligne complète est souvent trop coûteux ou trop complexe pour ces structures. Il fallait un entre-deux : une présence web soignée qui s'intègre naturellement dans l'outil qu'ils utilisent déjà, WhatsApp, sans complexité supplémentaire ni frais de plateforme.

Solution proposée

Ce projet est un template e-commerce développé avec Next.js, pensé spécifiquement pour les restaurants et prestataires de restauration qui souhaitent se doter d'une vitrine professionnelle rapidement.

L'idée centrale : le client navigue sur un site élégant, consulte le menu, compose son panier — et valide sa commande en envoyant un message WhatsApp pré-formaté généré automatiquement avec le récapitulatif complet (produits, quantités, prix total). Pas de paiement en ligne à intégrer, pas de back-office lourd : la commande arrive directement dans la messagerie du gérant, prêt à traiter.

Le template inclut :

• Une page d'accueil avec hero section, plats en vedette et offres spéciales animées
• Une page menu complète avec catégories et fiches produit
• Un panier persistant géré côté client
• Un tunnel de commande WhatsApp qui compose le message automatiquement
• Un design entièrement personnalisable : nom, couleurs, logo, catalogue produits — tout est paramétrable pour être adapté à n'importe quel établissement

Étapes de réalisation

1. Structure Next.js — Mise en place de l'architecture pages/composants avec App Router, gestion des routes pour la home et le menu, optimisation des images avec next/image.
2. Catalogue produits — Modélisation d'un catalogue statique (JSON) facilement remplaçable, avec support des catégories, prix, descriptions et visuels.
3. Panier client — Implémentation d'un panier en state global (Context API) avec ajout, suppression, modification des quantités et calcul du total en temps réel.
4. Intégration WhatsApp — Génération dynamique d'un lien wa.me contenant le récapitulatif de commande formaté en texte clair, déclenché au moment de la validation du panier.
5. Design et UI — Création d'une identité visuelle premium : typographie serif, palette sombre et dorée, sections animées au scroll, carrousel de plats en vedette.
6. Déploiement Vercel — Configuration du pipeline de déploiement continu sur Vercel avec domaine personnalisé.

Difficultés surmontées

Le principal défi de ce projet était moins technique que conceptuel : concevoir un tunnel de commande sans paiement intégré qui reste suffisamment clair et rassurant pour l'utilisateur. Le message WhatsApp généré devait être lisible, précis et inspirer confiance, sans que l'expérience côté client ne se sente "bricolée".

L'autre enjeu était la flexibilité du template : l'architecture devait permettre à n'importe quel restaurateur de remplacer le catalogue, les couleurs et le branding sans toucher au code fonctionnel.

Résultat

Le template est déployé et fonctionnel. Il démontre qu'il est possible de construire une expérience e-commerce professionnelle et adaptée aux usages locaux en quelques jours, sans infrastructure complexe. Il est conçu pour être réutilisé et adapté à tout établissement de restauration souhaitant se digitaliser simplement — le catalogue placeholder n'attend qu'à être remplacé par un vrai menu.