Made-to-Order Bracelet Commerce
Turning a maker’s craft into a product.
BeadCraft Studio turns a one-person handmade-bracelet business into a real online product. Customers browse bead collections and ready-made designs, then open a visual configurator to build their own bracelet — choosing beads, cord, and charm with a live preview — and save, share, or order it. Behind the storefront, the crafter runs a dashboard for inventory, an order pipeline (New → Confirmed → In Production → Shipped → Delivered), and per-wilaya shipping. Built on Next.js 16 Server Components with Zustand driving the interactive surfaces.
The problem
A skilled artisan could make beautiful custom bracelets but had no way to sell them online — no product catalogue, no way for customers to visualise a custom piece, and no system to manage made-to-order production and Tunisian delivery.
The answer
A two-surface app: a warm, bilingual storefront with a real-time bracelet configurator that makes customisation feel tactile, and a crafter dashboard that turns each custom order into a tracked production job with idempotent checkout and per-wilaya shipping.
Make it feel tactile, not technical
The configurator

Customers pick a piece, then build it bead by bead — choosing beads, cord, and charm with a live 2D preview in curved, flat, or grid layouts. Every choice updates a Zustand store, and finished designs can be saved, shared by link, and reordered.
A palette rooted in place
Collections & designs



Collection names and bead colours are drawn from Tunisian places and motifs — Medina, Sahara, Sidi Bou — so the catalogue reads as local, not generic.
The operational side
Crafter dashboard
Inventory
A bead inventory grid and detail drawer keep stock and low-stock flags in view.
Orders
Each custom order becomes a tracked job moving through a five-stage pipeline.
Shipping
A per-wilaya fee editor sets delivery pricing across all 24 governorates.
Overview
KPIs, top beads, and a wilaya breakdown give the crafter an at-a-glance read.
What it's built on
Technology stack
Frontend
Data & Auth
Runtime
Let’s work together
Need something like BeadCraft built — or taken further?
I partner with founders and small teams to ship production software, start to finish. Tell me what you’re building.
