Frontend · Mis à jour le 24 octobre 2026

Commande en ligne pour restaurant

Le site d’un restaurant qui prend les commandes sur WhatsApp : la carte, une page par plat, livraison ou à emporter, et une validation qui rédige la commande en un seul message. En anglais, en français et en arabe.

49 $Version 1.0.1

Acheter sur WhatsApp Ouvrir la démo

Comment acheter : écrivez-moi sur WhatsApp, payez par OMT ou Whish, et je vous envoie le dépôt sous un jour ouvré.

Next.jsReactTypeScript

Captures d’écran

Les captures et la démo montrent un contenu d’exemple, que vous remplacez par le vôtre.Voir la page entière

Ce qu'il y a dedans

src/restaurant/content/ — le restaurant, sa carte et tout le texte du site, en anglais, en français et en arabe
La carte par rubrique, une page par plat avec ses choix, et une commande qui s’additionne au fil des ajouts
Des zones de livraison avec leurs frais et leur délai, un minimum de commande, la livraison offerte à partir d’un montant, et la vente à emporter
Une validation qui vérifie chaque champ : un numéro libanais, la zone, la rue, le minimum
Des horaires que la validation respecte, sans « dès que possible » quand la cuisine est fermée, avec les horaires de la prochaine ouverture
La commande rédigée en un seul message WhatsApp, puis ouverte dans WhatsApp sur le numéro du restaurant pour l’envoyer
L’arabe de droite à gauche, avec les fourchettes et les prix écrits dans le bon sens
Des métadonnées sur chaque page, et un sitemap avec chaque plat dans chaque langue
npm run build:static pour les hébergeurs de fichiers statiques, des tests et un workflow GitHub Actions

Ce qu’il ne fait pas

Ni serveur, ni base de données, ni espace d’administration : la carte est un fichier que vous modifiez, et les commandes ne sont enregistrées nulle part
Pas de paiement en ligne : on paie en espèces ou par carte à la livraison, ou au comptoir
Pas de confirmation de réception : le client appuie sur envoyer dans WhatsApp, et le restaurant répond
Les mêmes horaires chaque jour d’ouverture, les jours de fermeture étant un réglage : des horaires différents selon le jour, ou un jour férié, demandent une modification
Pas de stock ni de plats épuisés
Fait pour le Liban : numéros libanais, heure de Beyrouth, prix en dollars
Les photos d’exemple ne sont pas dans le zip : elles se téléchargent depuis Unsplash au premier lancement, à remplacer par les vôtres

Ce que contient le zip

.github/workflows/ci.yml
screenshots/
scripts/build-static.mjs
scripts/photos.mjs
src/app/
src/fonts/
src/lib/
src/restaurant/
.env.example
CHANGELOG.md
LICENSE.md
README.md
package.json

Ce qu’il vous faut

Node.js 20.9 ou plus récent, et npm
Un numéro WhatsApp pour le restaurant
Ni base de données, ni clé d’API, ni service payant

Journal des versions

1.0.124 octobre 2026
- Next.js 16.4.3 au lieu de 16.3.8, que npm audit signale comme critique. Le template tel que livré n’utilise aucune des fonctions que visent les avis de sécurité
- Corrigé : avec npm run start sur un serveur Node, une photo pouvait ne plus s’afficher pour aucun visiteur jusqu’au redémarrage du serveur
- Aucune page, aucun réglage ni aucun contenu ne change. CHANGELOG.md donne les lignes à modifier dans un site construit sur la 1.0.0
1.0.020 octobre 2026
- La première version

Licence

Un développeur, projets illimités, les vôtres comme ceux de vos clients. Vous pouvez le livrer dans les projets que vous réalisez ; vous ne pouvez ni revendre ni partager le template lui-même, ni en faire un produit de templates. Mises à jour pendant douze mois.

Les conditions complètes sont dans LICENSE.md, livré avec le template. Demandez-m’en une copie avant d’acheter.

Les questions qu'on me pose

Que puis-je faire avec un template ?

Un développeur peut l’utiliser dans autant de projets qu’il le souhaite, les siens comme ceux de ses clients. Vous ne pouvez ni revendre ni partager le template lui-même, modifié ou non, ni en faire votre propre produit de templates.

Les mises à jour sont-elles incluses ?

Oui, pendant douze mois à partir de l’achat. Quand une nouvelle version sort, je vous l’envoie.

Y a-t-il une assistance ?

Sur WhatsApp ou par e-mail, avec votre clé de licence, et je réponds sous un jour ouvré. L’assistance couvre le bon fonctionnement du template tel qu’il est décrit. Elle ne couvre pas le développement de vos fonctionnalités.