Une boutique en ligne et son back-office, pensés pour l’Algérie.

Vue d’ensemble

La plateforme réunit deux applications qui partagent la même base de données : la boutique que voient vos clients, et le back-office où votre équipe gère les produits, les commandes et le contenu.

Aucune compétence technique n’est nécessaire au quotidien. Les textes, les pages, les produits, les tarifs de livraison et les réglages se modifient depuis le back-office, sans redéploiement.

La boutique

Ce que vos clients voient et utilisent. Tout est adapté au téléphone : filtres et menus passent dans des panneaux coulissants sur petit écran.

Accueil/

Construite par blocs (bannière vidéo, présentation, chiffres, avantages, produits, FAQ, contact…), que vous réordonnez et modifiez depuis le back-office.

Catalogue/products

Recherche, arborescence de catégories, filtres par couleur, taille et prix, sélection mise en avant. Les produits épuisés ne peuvent pas être ajoutés au panier.

Fiche produit/products/…

Galerie, variantes, caractéristiques techniques, avis clients, aperçu rapide depuis la liste.

Panier et commande/cart · /checkout

Wilaya et commune, livraison à domicile ou en point relais (stop desk), estimation des frais de port, code promo, paiement à la livraison ou par carte. Les informations d’un client connecté sont préremplies.

Espace client/account

Suivi des commandes et recommande en un clic, favoris, carnet d’adresses, profil avec photo, adresse de livraison par défaut, notifications sur l’appareil.

Blog/blog

Articles par catégorie, recherche, sommaire automatique dans chaque article.

Pages libres/a-propos, /cgv…

Toute page créée dans le back-office est en ligne à son adresse dès sa publication : à propos, conditions générales, mentions légales, politique de confidentialité.

Le parcours d’une commande

Chaque commande reçoit un numéro du type ORD-20260919-0001 (date du jour, puis compteur). Le statut se change depuis la fiche de la commande dans le back-office ; chaque changement est horodaté dans son historique.

1. pendingEn attente

   Le client passe commande

   • Les quantités commandées sont réservées dans le stock ; si la dernière unité est réservée, le produit passe « épuisé ».
   • Le client reçoit un e-mail de confirmation ; le personnel reçoit une notification « nouvelle commande ».
   • La commande est évaluée par le module de protection (score de risque).
2. confirmedConfirmée

   Votre équipe confirme

   • En général après un appel au client, pour le paiement à la livraison.
   • Le client est prévenu immédiatement : e-mail, notification dans son espace et notification push.
3. shippedExpédiée

   Le colis part

   • Affectation à un livreur ou à une société de livraison, numéro de suivi, étiquette.
   • Le client est prévenu de la même façon.
4. deliveredLivrée

   Le client reçoit sa commande

   • Le stock physique est décompté et la réservation levée.
   • Une commande payée à la livraison passe automatiquement « payée ».

   À tout moment avant la livraison, la commande peut être cancelled (annulée) ou refunded (remboursée) : la réservation est alors libérée et le produit redevient disponible.

Le back-office

Organisé en cinq groupes, dans le même ordre que le menu latéral. Le tableau de bord d’accueil résume la journée : commandes à traiter, chiffre d’affaires, stock bas, état de santé de la boutique.

Catalogue

Produits

Création pas à pas : textes, galerie, prix et prix barré, variantes, caractéristiques, stock initial, référencement.

Catégories

Arborescence sur plusieurs niveaux, utilisée par les filtres du catalogue.

Stock

Quantité physique, quantité réservée, seuil d’alerte, historique des mouvements. Un réapprovisionnement remet le produit en vente.

Commandes

Liste filtrable, fiche détaillée, changement de statut, notes internes, impression, historique horodaté.

Codes promo

Réduction en pourcentage (avec plafond), en montant fixe, ou livraison offerte ; montant minimum de commande, dates de validité, limite d’utilisation totale et par client.

Livraison

Livreurs

Vos propres livreurs, leurs zones, leur disponibilité. Chacun suit ses courses depuis un lien personnel sur son téléphone.

Livraisons

Suivi de chaque colis, carte, tentatives échouées, synchronisation avec le transporteur.

Contenu

Pages

Éditeur de pages par blocs, avec brouillon et publication, aperçu en direct, menus et pied de page.

Blog · FAQ

Articles et questions fréquentes, affichés sur la boutique.

Médias

Bibliothèque d’images et de vidéos partagée par tout le back-office.

Personnes

Clients

Fiches clients, commandes passées, adresses.

Paniers abandonnés

Paniers non finalisés ; relance automatique par e-mail une fois par jour.

Utilisateurs

Comptes du personnel et leurs rôles.

Avis · Statistiques

Modération des avis ; ventes, produits et canaux qui performent.

Entreprise

Finances

Recettes, dépenses et marge sur la période choisie.

Protection

Commandes suspectes à examiner, profils clients, liste de blocage, règles.

Journal d’audit

Qui a modifié quoi et quand : statuts, stock, utilisateurs, réglages.

Langues

Langues actives et traductions de l’interface.

Réglages

Identité, réseaux sociaux, bandeau d’annonce, informations légales, taxes, règles de commande, retours, moyens de paiement, tarifs de livraison par zone, e-mails automatiques, référencement, suivi publicitaire, mode maintenance.

Notifications

Les notifications partent au moment où l’action a lieu, pas selon un planning. Quand un membre de l’équipe confirme une commande, le client est prévenu dans la même seconde.

Les deux tâches quotidiennes (relances et suivi transporteur) tournent une fois par jour, la limite de l’offre d’hébergement gratuite de Vercel. Une offre payante permet de les lancer toutes les heures.

Livraison et transporteurs

L’adresse est saisie par wilaya et par commune, comme l’exigent les transporteurs algériens. Les frais de port viennent de votre grille par zone, ou du transporteur quand il est connecté.

69 wilayas, 58 codes transporteur. Depuis le découpage de 2026, l’Algérie compte 69 wilayas, mais les transporteurs n’en acceptent encore que 58. La plateforme enregistre la vraie wilaya du client et transmet au transporteur le code qu’il connaît.

Paiement et protection

Aucun fournisseur de SMS n’est encore branché. Le code est bien généré, mais votre équipe le lit au client par téléphone. Il suffit de connecter un service d’envoi de SMS pour qu’il parte automatiquement.

Rôles et accès

Chaque compte a un rôle. Un rôle ne peut gérer que les rôles en dessous de lui, et personne ne peut modifier son propre rôle.

Les comptes du personnel voient un lien « Administration » dans leur menu de compte sur la boutique, pour passer d’un côté à l’autre.

Pages et contenu

Les textes juridiques fournis sont des brouillons. CGV, CGU, mentions légales et politique de confidentialité sont rédigés d’après les lois algériennes 18-05, 09-03 et 18-07, mais n’ont pas été relus par un juriste. Les informations propres à votre entreprise (RC, NIF, adresse…) sont marquées « À COMPLÉTER ». Faites-les relire avant l’ouverture.

Sous le capot

Ce qui fait tourner la boutique. Utile si votre développeur veut savoir ce qu'il reprend, ou si vous comparez avec une solution louée au mois.

Technologies

ApplicationNext.js 16 · React 19

Pages rendues côté serveur : le visiteur reçoit du HTML déjà prêt, ce que les moteurs de recherche lisent sans exécuter de JavaScript.

Base de donnéesMongoDB

Produits, commandes, clients, contenu et réglages dans une seule base, hébergée sur MongoDB Atlas avec sauvegardes automatiques.

HébergementVercel

Réseau de diffusion mondial, certificat HTTPS inclus, mise en ligne par simple envoi du code. Aucun serveur à administrer.

Images et fichiers

Redimensionnées et converties automatiquement au format moderne (AVIF, WebP) selon l'écran du visiteur. Stockage au choix : Vercel Blob, Supabase, FTP ou disque local.

Sécurité

Accès

Quatre rôles hiérarchisés ; personne ne peut élever son propre rôle. Chaque action sensible est horodatée dans le journal d'audit, y compris les tentatives refusées.

Mots de passe

Chiffrés (bcrypt), jamais stockés en clair. Huit caractères minimum avec majuscule, chiffre et symbole, exigés aussi bien par le formulaire que par le serveur.

Paiements

Seule la notification signée de Chargily peut marquer une commande payée ; le retour du navigateur ne décide de rien. Montant et commande sont vérifiés, une notification rejouée n'est traitée qu'une fois, et un double paiement est signalé pour remboursement.

Commandes

Un double-clic ne crée jamais deux commandes. Le suivi d'une commande n'est lisible que par son propriétaire ou via un lien signé, jamais en devinant un numéro.

Abus

Limitation du nombre de tentatives sur la connexion, l'envoi de codes et les mots de passe oubliés ; score de risque et liste de blocage sur les commandes à la livraison.

Qualité et performance

Tests automatisés

345 tests unitaires et une suite de bout en bout (Playwright) couvrant connexion, commande, paiement et back-office. Ils tournent avant chaque mise en ligne.

Référencement

Titre et description propres à chaque page, plan du site et robots.txt générés automatiquement, adresses lisibles. Un outil d'audit intégré signale les pages incomplètes.

Multilingue

Français, anglais et arabe, avec mise en page de droite à gauche. Les textes de l'interface se corrigent depuis le back-office, sans toucher au code.

Mobile

Site installable comme une application (PWA), notifications push incluses, et interface pensée d'abord pour le téléphone.

Mesure

Suivi des ventes côté navigateur et côté serveur, pour que les conversions remontent même avec un bloqueur de publicité.

Ce qui reste à faire, en toute transparence. Le paiement par carte n'a encore jamais été testé avec de l'argent réel ; les transporteurs autres que Yalidine se suivent à la main ; l'envoi des codes par SMS demande un fournisseur ; et les textes juridiques doivent être relus par un juriste.

Mise en service

Les étapes pour passer de la démonstration à votre boutique. La plateforme refuse de démarrer si un élément indispensable manque, plutôt que de tourner à moitié.

1. Nom de domaine relié à l’hébergement Vercel.
2. Base de données MongoDB Atlas, avec sauvegardes.
3. Envoi d’e-mails via Resend, depuis une adresse de votre domaine vérifiée.
4. Stockage des images (Vercel Blob ou Supabase).
5. Paiement en ligne : clés Chargily en mode live, si vous acceptez la carte.
6. Transporteur : identifiants Yalidine, et la wilaya d’expédition de votre entrepôt.
7. Notifications push : clés de notification générées une fois.
8. Contenu : votre catalogue, vos pages, vos textes juridiques relus, vos tarifs de livraison.
9. Premier compte propriétaire, créé lors de l’installation.