Skip to content
Frontend · Updated 24 October 2026

Online store

A shop’s own website that takes orders on WhatsApp or by email, with cash on delivery: the collection, a page for every product with its versions and stock, a cart, and delivery areas across Lebanon. In English, French and Arabic.

$49Version 1.0.1

How buying works: message me on WhatsApp, pay by OMT or Whish, and I send you the repository within one working day.

Next.jsReactTypeScript

Screenshots

  • The Online store on a desktop screen, in light mode
  • The Online store on a phone, in light mode
  • The Online store on a desktop screen, in Arabic, right to left
  • The Online store on a phone: the WhatsApp message it writes, as WhatsApp shows it

The screenshots and the demo show sample content, which you replace with your own.See the whole page

What is inside

  • src/store/content/ — the shop, its catalogue, its delivery areas and every word on the site, in English, French and Arabic
  • The collection by kind and by price, and a page for every product with its colours, sizes or scents, each with its own price and photograph if it has one
  • Stock from the catalogue: “only 2 left”, sold-out versions shown and not choosable, and a cart that never holds more than there is
  • A checkout that checks every field, with delivery areas across Lebanon, each with its fee and working days, and the day an order arrives
  • Cash on delivery with the note to bring change for, gift wrapping with a card, and free delivery from an amount
  • The order written as one message, then opened in WhatsApp on the shop’s number, or in an email to the shop, to send
  • A privacy page in three languages, and Arabic right to left with prices and ranges written the right way round
  • Metadata and product markup on every page, a sitemap with every product in every language, npm run build:static, tests and a GitHub Actions workflow

What it doesn't do

  • No online payment: customers pay the driver in cash
  • No server, database or admin page: the catalogue is a file you edit, and orders are not stored anywhere
  • No live stock: stock is a number in the catalogue, lowered by hand as orders are confirmed
  • No customer accounts, wish lists, reviews, search or discount codes
  • One shop and one stock: no branches or warehouses
  • Made for Lebanon: Lebanese phone numbers, Beirut time, prices in dollars, cash on delivery
  • The sample photographs are not in the zip: they download from Unsplash on the first run, for you to replace

What's in the 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

What you need

  • Node.js 20.9 or later, and npm
  • A WhatsApp number or an email address for orders
  • No database, API keys or paid services

Changelog

  1. 1.0.1

    • Next.js 16.4.3 in place of 16.3.8, which npm audit reports as critical. The template as shipped uses none of the features the advisories cover
    • Fixed: with npm run start on a Node server, a photo could stop loading for every visitor until the server restarted
    • No page, setting or content changes. CHANGELOG.md gives the lines to change in a site built on 1.0.0
  2. 1.0.0

    • The first release

Licence

One developer, unlimited projects of your own and your clients’. You may deliver it inside the projects you build; you may not resell or share the template itself, or use it to make a template product. Updates for twelve months.

The full terms are in LICENSE.md, which comes with the template. Ask me for a copy before you buy.

Questions people ask

What am I allowed to do with a template?

One developer can use it in as many projects as they like, their own and their clients’. You may not resell or share the template itself, changed or not, or use it to make a template product of your own.

Do I get updates?

Yes, for twelve months from purchase. When a new version comes out, I send it to you.

Is there support?

On WhatsApp or by email, with your licence key, and I answer within one working day. Support covers the template working as described. It does not cover writing your features for you.