01 · Problem
Pakistani fashion brands need a modern, mobile-first e-commerce presence with COD as primary payment, fast product browsing, and an admin panel that non-technical staff can operate.
All projectsCASE 02
Case 02 · Full-Stack Development
Naaz Wears
Full-featured e-commerce platform built with Next.js 15 and Convex real-time backend, serving the Pakistani women's fashion market with COD-first payment flow.
Independent product-engineering case study — not a claim of store ownership.
Next.js 15 · React 19 · Convex +3
01 / 12
Overview
Project context
Naaz Wears is a direct-to-consumer e-commerce platform for Pakistani women's fashion. Built with Next.js 15 App Router and Convex real-time BaaS, it features a full product catalog, 3-step checkout, 5-stage order tracking, admin panel with CRM, and installable PWA with offline support.
02 · Research
Studied Pakistani D2C fashion checkout habits — COD-first payment, mobile browsing, and admin tooling usable by non-technical staff.
03 · Strategy
Ship a complete storefront plus admin CRM on Next.js 15 and Convex, optimized for COD and PWA installability.
04 · UX
3-step checkout, 5-stage order tracking, and an admin panel with eleven operational sections for daily store management.
05 · Development
Built end-to-end: SSR storefront, Convex real-time backend, Cloudinary pipeline, admin CRM, and PWA packaging.
06 · Challenges
Balancing real-time data sync (Convex) with SSR requirements (Next.js), and building a CRM-capable admin panel that remains intuitive for non-technical store operators.
07 · Business impact
Live production platform at naazwears.vercel.app serving real customers with full fulfillment tooling.
Architecture
System at a glance
Next.js 15 App Router with SSR for SEO-critical pages. Convex real-time BaaS handles data, auth (JWT sessions), and serverless functions. Cloudinary CDN for product images with Convex Storage as fallback. Vercel serverless hosting with auto-scaling. PWA with service worker for offline-first experience.
Tech stack
- Next.js 15
- React 19
- Convex
- Tailwind CSS
- Cloudinary
- PWA
What was built
- 01
Product catalog with filtering by category, fabric, season, occasion, and price
- 02
3-step checkout flow: Contact, Shipping, Payment (COD, Easypaisa, Card)
- 03
5-stage order tracking: Confirmed → Packed → Shipped → Out for Delivery → Delivered
- 04
Full admin panel with dashboard KPIs, product/order/customer management
- 05
Customer CRM with tier system (Regular/VIP/Loyal) and lifetime spend tracking
- 06
Review moderation system with photo uploads
- 07
Installable PWA with offline support and APK generation
- 08
80mm thermal receipt PDF generation
- 09
Newsletter management and banner system
- 10
Staff management with role-based access (Admin/Manager/Customer)
Results
“Live production platform serving real customers”
- 02Complete admin panel with 11 management sections
- 03PWA installable on mobile with offline support
- 04Automated thermal receipt generation for order fulfillment
Outcome
Launched a production e-commerce platform at naazwears.vercel.app with complete storefront, admin operations, and PWA capabilities serving real customers.
Takeaways
Convex's real-time capabilities dramatically simplify e-commerce state management. COD-first checkout flows require different UX patterns than card-first Western e-commerce.
Continue
Related services
Hire Next.js & MERN delivery →Same stack patterns for SaaS, fintech, and healthcare builds.
MORE FRAMES
Additional UI direction from this build
01 / 11