LHEATHER
A fully headless Shopify storefront for an Indian luxury leather brand: five thousand years of craft, zero template energy.
- Client
- LHEATHER, luxury leather, India
- Year
- 2026 · ongoing
- Category
- Website
- Role
- Design, full-stack build, Shopify integration
- Stack
- Next.js 16 · React 19 · Shopify Storefront GraphQL · NextAuth · GSAP · Framer Motion · Zustandvisit live site ↗
India makes some of the world's finest leather, but the brand needed a storefront that felt like luxury, not a Shopify theme. Full control over every pixel, animation and interaction, with real e-commerce underneath.
I went headless: Next.js 16 with React 19 on the front, Shopify Storefront GraphQL API behind it for catalog, product pages and full cart management. Custom auth with NextAuth, rich GSAP and Framer Motion animation throughout, and a design language built around the material itself.
A storefront where product and inventory updates go live in seconds via webhook-driven ISR revalidation, with no rebuilds and no stale pages, wrapped in an edge security layer with CSRF protection, rate limiting and full CSP headers.
product updates live via webhook-driven ISR
The design leads with the material: full-bleed textures, restrained type, and motion that behaves like leather: weighty, smooth, never bouncy.
Edge-compatible middleware handles CSRF token validation, sliding-window rate limiting (100 req/min per IP) and device fingerprinting, security that never blocks a legitimate customer.