Skip to content
BXGLNDR

PRJ-2026-06Pre-salesBuilt in pre-sales

AM Market, an online shop to turn an audience into customers

Everyday goods delivered locally, rare finds shipped nationwide.

See the live demo (opens in a new tab)

Project at a glance

The need
Give a grocery shop its own catalogue and a journey suited to both local delivery and shipping.
My contribution
Built a demo shop, its checkout journey and a management area editable without code.

What was built

  • Catalogue and basket
  • Delivery options
  • No-code management
  • FR / EN / AR versions

Public demo with sample data. Payments in test mode, product photos still needed, no real orders taken.

Preview: AM Market
Nature
Installable online shop (PWA) · pre-sales demo
Period
June 2026
Client
AM MarketOnline grocery in Marseille

The problem

A Marseille grocery currently sells through a social network: the audience exists, but it does not belong to the shop. No lasting catalogue, no customer accounts, no loyalty, and two offers to serve: everyday goods delivered locally, and rare or imported products shipped nationwide.

The approach

Front end first, on sample data, to get the interface approved before wiring the rest. Five visual directions were tried; the last one, plain, light, close to the delivery apps customers already know, was kept. Three languages from the start, including right-to-left Arabic.

The solution

  • Shop: home, catalogue, countries of origin, promotions, search, product pages and basket.
  • A checkout with three handover modes: local delivery, hand-to-hand, shipping within France; card payment (Stripe, test mode) or pay-on-delivery; fees computed on the server.
  • Age check for products that require it.
  • Customer area: account, loyalty, orders (demo).
  • No-code back office: products, categories, countries, copy and fees editable by the shop itself.
  • Search visibility: structured data, linked language versions, sitemap, llms.txt file.

Evidence

Every figure carries its source. No commercial result is claimed.

  1. 313

    Translation keys identical in French, English and Arabic

    SourceCount of the project’s translation files, 1 October 2026

  2. 3

    Languages, including right-to-left Arabic

    SourceProject documentation

What this piece is, and is not

It is a pre-sales demo, online. Products, prices and reviews are sample data, product photos are still to be supplied, payment is in test mode and no real order has been taken. No commercial result is claimed.

Technical details

The technologies used for this project. Features and their limits are detailed in the narrative.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • next-intl
  • Supabase
  • Stripe (mode test)

Expertise involved

A similar need?

Let's discuss your context and what you would like to simplify.

Talk about your project