I built a full-stack premium fashion e-commerce platform with real payment processing (Razorpay), PostgreSQL database via Neon serverless, NextAuth v5 authentication with Google OAuth, Cloudinary image management, transactional emails via Resend, and a complete admin dashboard
Most fashion e-commerce templates I'd seen online were either fully static prototypes with no backend, or bloated WordPress/Shopify themes that sacrifice performance for features. I wanted to build something in the middle — actually functional, actually fast, and actually deployable for a real fashion brand.
Velour is the answer: a real e-commerce stack that processes payments, manages inventory, tracks orders, and handles authentication — while still feeling premium and performant.
The brand name "Velour" evokes the tactile quality of premium fabric. The tagline "Wear the Story" frames every piece of clothing as something with meaning beyond just material. This wasn't just a naming exercise — these decisions shaped the entire visual language.
This is where Velour differs from my static template projects. It has a genuine production stack:
Database: PostgreSQL via Neon's serverless adapter. The Prisma schema defines 18 models including User, Product, ProductVariant, ProductImage, Order, OrderItem, OrderTimeline, Refund, Review, WishlistItem, CartItem, Coupon, Banner, BlogPost, SizeGuide, Notification, Account, and Session.
Authentication: NextAuth v5 with dual strategies — email/password credentials and Google OAuth. The PrismaAdapter handles session and account persistence automatically.
Payments: Razorpay integration with the full flow — server-side order creation, client-side checkout popup, and server-side signature verification using HMAC-SHA256. This is a real Indian payment gateway handling UPI, cards, net banking, and wallets.
Email: Resend for transactional emails — order confirmations with product details sent automatically after successful payment.
Velour
Image Management: Cloudinary with automatic quality and format optimization. Product images are uploaded to Cloudinary and served with auto:quality and auto:format transforms.
Like my other projects, Velour uses a theme.json → CSS variables → Tailwind v4 pipeline. But the aesthetic here is distinctly different:
Typography Pairing: Playfair Display (serif) for headings gives that editorial magazine feel, while DM Sans (sans-serif) for body text keeps everything readable. DM Mono handles price displays and discount codes perfectly.
Color Palette: Near-black primary (#1A1A1A), champagne gold accent (#C4A882), deep crimson for sale tags (#8B1A1A), on a warm off-white surface (#FAFAF8). It feels like flipping through a luxury fashion lookbook.
Fashion products have genuine complexity. A single item might come in 6 sizes and 4 colors — that's 24 potential SKUs:
Each variant has its own stock count, SKU, and price adjustment. The product detail page handles this with a size × color matrix selector, showing real-time availability.
Browse → Products listing with filtering by category (Men, Women, Kids, Accessories), subcategories, price range, and sorting. Fuse.js powers instant fuzzy search with popular/trending suggestions.
Discover → Product detail pages with image galleries, variant selectors, size guides, customer reviews, and related products.
Collect → Slide-in cart drawer with quantity management, or save items to wishlist for later. Both persist via Zustand with localStorage middleware.
Checkout → Multi-step checkout: address form → order summary → Razorpay payment. Supports coupon codes with percentage/fixed discounts, minimum order values, per-user limits, and first-order-only flags.
Track → Order history with full timeline tracking: Pending → Confirmed → Processing → Shipped → Delivered. Each status change is logged with timestamps.
The admin panel at /admin provides complete store management:
The server has API routes covering: admin operations, auth flows, banners, blog, cart management, categories, coupons, orders (with Razorpay integration), payment verification, products, reviews, search (Fuse.js), file upload (Cloudinary), user management, and wishlist operations.
No Shadcn, no external component library. Every UI primitive is hand-built with Tailwind and theme tokens — Button (5 variants × 3 sizes), Badge, Modal, Drawer, Accordion, Tabs, Select, Checkbox, Input, Tooltip, Spinner, Skeleton, Pagination, Rating, EmptyState, and BackToTop.
Velour is built specifically for the Indian market:
en-IN locale formattingBuilt with excellence in mind
Optimized for speed & scalability
Battle-tested with real users
Responsive across all devices
Maintainable & well-documented
Explore other projects
I rebuilt my brass manufacturing corporate website from scratch — new brand identity, modernized color system, static export optimization, local product photography, and cleaner URL architecture.
I built a production-grade corporate website for a brass component manufacturer and exporter based in Jamnagar, Gujarat. Fully static, zero-backend architecture with a custom design token system, 55+ product catalog with detailed specifications
I built a premium fashion e-commerce template with a complete shopping experience — product catalog with 6-type filtering, cart with promo codes, 4-step checkout, wishlist, collections, quick view, recently viewed tracking, dark mode, and page transitions