Custom Cap BD

CustomCapBD.com is a full-stack e-commerce platform I built solo for my own custom-cap factory in Bangladesh. It is an end-to-end build with no Shopify and no template. A built-in theme system puts dark and light variants on the same page, with Tailwind tokens driving every color.

Sanity owns the catalogue content, while Next.js revalidates the live site without a code redeploy. Next.js 16 and the App Router handle the front end; Convex holds real-time configuration state; Supabase Postgres stores orders with row-level security; and Clerk handles customer, admin, and factory identities.

The quote surface uses React Hook Form and Zod. Quantity checks live pricing bands in Supabase, while artwork uploads use Supabase Storage with row-level access for the customer and admin.

A color or fabric change rerenders the cap in the browser without a reload. A customer can drop in a PNG logo; the app vectorizes it, extracts the brand colors, and lets the customer place it on the cap.

Every color, fabric, and logo choice fills a real production specification sheet for the factory. Quantity changes recalculate pricing against Supabase tiers, and submitting sends the design, artwork, and notes directly into the admin queue.

The operating stack is Next.js, Convex, Supabase, Clerk, and Sanity, with live order status, classification, artwork, and totals.

From the accounting page, I create an invoice directly from an existing order. The order automatically supplies the line items.

An operator can edit the lines, apply a discount, add a cost, and attach an existing client account. The resulting invoice is tied to the wholesaler account.

The walkthrough generates the invoice and downloads the finished PDF from the same operating surface.

The customer opens the order-tracking page, finds the order in the list, and selects it to reveal the full status record.

Because the example order was only recently placed, it remains at the first production step. The page also gathers the production files the factory needs, including the artwork and logo, into the same customer-visible record.