Full-Stack E-Commerce Platform Architecture & A-to-Z Guide
Official Production Specification, Customer Journeys, Tools, Technologies & Headless APIs
Domain: deepscraft.in
Headquarters: Sirhind, Punjab - 140406
Architecture: Headless Next.js 14 App Router
Version: v1.2.0 Production
1Brand Identity & Business Overview
Brand Name: Deep Creations
Official Tagline: Artistry in Fashion & Crafts
Studio Address: Kotla Bajwara, Post Office Mannupur, Sirhind / Fatehgarh Sahib, Punjab - 140406, India
Contact & WhatsApp Concierge: +91 95368-58438
Punjab GSTIN: 03AAPCD1234F1Z5
Brand Color Palette:
- Royal Navy Blue: #0F172A & #1E3A8A (Luxury heritage base)
- Champagne Gold: #D4AF37 & #FACC15 (Artisanal zari & accents)
- Ivory & Off-White: #FDFBF7 & #FFFFFF (Crisp modern catalog)
2Technology Stack & Tools Blueprint (A to Z)
| Category | Technology / Tool | Version | Purpose & Functionality |
|---|---|---|---|
| Core Framework | Next.js (App Router) | 14.2.24 | Server-Side Rendering (SSR), Static Generation (SSG), Route Handlers |
| Language | TypeScript | ^5.6.3 | Strict end-to-end type safety, models, interfaces, zero build errors |
| Styling Engine | Tailwind CSS | ^3.4.14 | Utility-first luxury responsive design, custom keyframes, print media styles |
| Motion & Effects | Framer Motion | ^13.4.6 | Hardware-accelerated transforms, staggered reveals, page transitions |
| Smooth Scroll | Lenis | ^1.3.26 | Luxury inertial smooth scrolling with passive wheel event listeners |
| Iconography | Lucide React | ^0.453.0 | Clean SVG iconography (ShoppingBag, Scissors, Sparkles, Truck, etc.) |
| State Management | Zustand / LocalStorage | Native / Reactive | Instant client-side cart drawer, wishlist, free shipping calculations |
| Data Persistence | Server Store (JSON DB) | JSON Engine | Persistent mock database for products, orders, customization requests |
| Video Processing | FFmpeg (x264 Web) | libx264 | Faststart web video compression (-crf 28, -an, 720p/1080p under 3-6MB) |
3Feature Architecture & Customer Workflows
Workflow A: 3D Wedding Embroidery Hoop Simulator
Customers configure bespoke embroidery hoops with live interactive feedback:
- Interactive Inputs: Bride & Groom names, Wedding/Anniversary date, personalized romantic quote.
- Frame Rim Customization: Real-time toggle between Gold Scalloped, Cultured Pearl, Rhinestone Luxury, and Classic Wooden hoop rings.
- Live Needle Thread-Drawing: Animated SVG needle rendering embroidered lettering with authentic stroke-dashoffset effects.
- Cart Handoff: Stores customized details into cart items and pre-fills structured WhatsApp order text.
Workflow B: Bespoke Ladies Suit Measurement Studio
Tailoring intake tailored specifically for traditional Punjabi salwar suits, kurtis, and frocks:
- Comprehensive Measurements: Bust, Waist, Hips, Kurti Length, Shoulder, Sleeve Length, Armhole, Bottom Length, Front/Back Neck depths.
- Bottom Styles: Salwar, Plazo, Trouser Pant, Churidar, or Sharara.
- Special Artisan Requests: Custom neck piping, tilla kadhai border placement, and fabric notes submitted directly to Sirhind karigars.
Workflow C: Pincode Transit Validation & Dual GST Engine
- Pincode Dispatch Checker: Real-time delivery timeline estimator for Indian pincodes (DTDC & India Post Speed Post) with COD eligibility check.
- Dual GST Invoicing Engine:
- Intra-State Punjab Orders (State Code 03): Splits GST 5% into CGST (2.5%) + SGST (2.5%).
- Inter-State Orders (Outside Punjab): Applies full IGST (5.0%).
- Printable A4 Tax Invoice: Printable document at
/invoice/[orderId]formatted with official HSN codes (630492,620400,630790) and Sirhind workshop address.
Workflow D: Meesho Store Integration & Trust Verification
Mapped to Deep Creations supplier account (Supplier ID: 4665588). Provides direct product links on PDP, animated pulse badges, and backend catalog sync endpoint (/api/meesho-sync).
4Headless REST API Architecture (Flutter / React Native Ready)
All business logic operates via clean RESTful JSON endpoints, ready to plug into mobile apps without altering backend code:
Full product catalog with category filter and search
Single product detail by ID or Slug
Order creation, GST tax calculation, stock decrement
Order tracking and tax invoice data
Custom hoop and bespoke suit measurement intake
Courier transit times and COD validation
5Admin Management Console & Security
Admin URL: https://deepscraft.in/admin (or http://localhost:3000/admin)
Default Username: admin
Default Password: punjab2026
Dashboard Capabilities: Real-time sales metrics, revenue analytics, low-stock warnings, order status transitions (Pending, Processing, Shipped, Delivered), AWB courier tracking entry, custom tailoring requests table, and Meesho link connector.
6Production Deployment & DNS for deepscraft.in
DNS Records Required:
- Root Domain: Type
A| Host@| Target76.76.21.21(Vercel) - Subdomain: Type
CNAME| Hostwww| Targetcname.vercel-dns.com
SSL certificate is automatically issued and auto-renewed through Let’s Encrypt with HTTPS enforcement.