Aller au contenu
Frontend · Mis à jour le 24 octobre 2026

Boutique en ligne

Le site d’une boutique qui prend les commandes sur WhatsApp ou par e-mail, avec paiement à la livraison : la collection, une page par produit avec ses versions et son stock, un panier, et des zones de livraison dans tout le Liban. En anglais, en français et en arabe.

49 $Version 1.0.1

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

  • Le template Boutique en ligne sur un écran d’ordinateur, en mode clair
  • Le template Boutique en ligne sur un téléphone, en mode clair
  • Le template Boutique en ligne sur un écran d’ordinateur, en arabe, de droite à gauche
  • Le template Boutique en ligne sur un téléphone : le message WhatsApp qu’il rédige, tel que WhatsApp l’affiche

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/store/content/ — la boutique, son catalogue, ses zones de livraison et tout le texte du site, en anglais, en français et en arabe
  • La collection par catégorie et par prix, et une page par produit avec ses couleurs, ses tailles ou ses parfums, chacun avec son prix et sa photo s’il en a
  • Le stock du catalogue : « plus que 2 », les versions épuisées affichées et impossibles à choisir, et un panier qui ne dépasse jamais le stock
  • Une validation qui vérifie chaque champ, avec des zones de livraison dans tout le Liban, chacune avec ses frais et ses jours ouvrés, et le jour de livraison
  • Le paiement en espèces à la livraison avec le billet pour préparer la monnaie, l’emballage cadeau avec une carte, et la livraison offerte dès un montant
  • La commande rédigée en un seul message, puis ouverte dans WhatsApp sur le numéro de la boutique, ou dans un e-mail à la boutique, pour l’envoyer
  • Une page de confidentialité en trois langues, et l’arabe de droite à gauche avec les prix et les fourchettes écrits dans le bon sens
  • Des métadonnées et le balisage des produits sur chaque page, un sitemap avec chaque produit dans chaque langue, npm run build:static, des tests et un workflow GitHub Actions

Ce qu’il ne fait pas

  • Pas de paiement en ligne : les clients paient le livreur en espèces
  • Ni serveur, ni base de données, ni espace d’administration : le catalogue est un fichier que vous modifiez, et les commandes ne sont enregistrées nulle part
  • Pas de stock en direct : le stock est un nombre dans le catalogue, à baisser à la main quand les commandes sont confirmées
  • Ni comptes clients, ni listes d’envies, ni avis, ni recherche, ni codes de réduction
  • Une boutique et un stock : pas de succursales ni d’entrepôts
  • Fait pour le Liban : numéros libanais, heure de Beyrouth, prix en dollars, paiement à la livraison
  • 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/store/
  • .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 ou une adresse e-mail pour les commandes
  • Ni base de données, ni clé d’API, ni service payant

Journal des versions

  1. 1.0.1

    • 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
  2. 1.0.0

    • 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.