Svarna Heritage

SVARNA Heritage reimagines the luxury shopping experience by marrying artisan crafting aesthetics with modern full-stack web engineering. Built on Next.js 14 (App Router), the platform enables watch enthusiasts to inspect luxury watch rolls in immersive 3D, customize materials and hardware trims, and seamlessly purchase via secure checkout. The application features dual architecture: a consumer-facing storefront backed by Sanity.io CMS with Incremental Static Regeneration (ISR), and a complete customer portal paired with an administrative management dashboard backed by Supabase and Stripe Webhooks. ✨ Key Features Interactive 3D Product Viewer Built with @react-three/fiber and @react-three/drei for 360-degree GLTF (.glb) model inspection directly in the browser. Bespoke Material & Hardware Configurator Real-time material and trim switcher supporting Italian Alcantara®, full-grain vegan leather, and hardware options (gold, silver, rose-gold, gunmetal). Headless CMS Catalog & ISR Content powered by Sanity.io using GROQ queries with automated static regeneration (revalidate: 3600) for maximum SEO speed. Secure Checkout & Automated Fulfillment Stripe Checkout API integration with asynchronous Stripe Webhook event processing for order logging and instant receipt notifications via Resend. Complete Customer Portal NextAuth + Supabase backend offering registration, active order tracking timelines, multi-address CRUD management, and wishlist functionality. Admin Dashboard & Business Analytics Comprehensive back-office suite featuring product CRUD, real-time inventory management, inquiry routing, and interactive sales charts via Recharts. 🎯 Objective Deliver a high-converting, luxury web application with zero runtime crashes (100% strict TypeScript coverage). Provide seamless customization and sub-second page loads to minimize checkout friction for high-value goods ($395–$495 price point). 🚀 Impact & Key Metrics Performance: 0 TypeScript errors and 0 ESLint warnings across all 17 static and dynamic app routes. Architecture: Fully decoupled headless frontend with automated email notifications, database synchronization, and webhook resilience.