Comprehensive changelog and architectural evolution of VendoraX: tracking the multi-storefront template engine, enterprise design overhaul, bespoke public surfaces, and performance benchmarks.
Multi-Storefront Architectural Engine & Live Template Switcher
Transformed VendoraX from a single rigid layout into a dynamic, multi-aesthetic storefront ecosystem. Merchants and shoppers can seamlessly toggle between four distinct retail paradigms with real-time DOM hydration, customized headers, department grids, spec matrices, and persistent zero-FOUC state synchronization.
Atelier MinimalDefault
Quiet architectural commerce with focused typography, hairline borders, and calm neutrals.
High-spec product storytelling with live telemetry tickers and technical blueprint data grids.
Live telemetryBlueprint tick marksComponent chips
Nordic LivingWarm Craft
Tactile home goods and furniture with warm parchment, natural timber, and organic textures.
Living space roomsMaterial provenanceArtisan tags
Engineered StorefrontTemplateController.tsx to dynamically orchestrate template rendering based on user state.
Built FloatingTemplateTrigger.tsx and TemplateSelectorModal.tsx offering interactive previews with dedicated SVG visual badges.
Integrated pre-hydration script in layout.tsx to inspect localStorage and tag data-template before layout rendering, eliminating flash of unstyled content.
Introduced context-aware components including TemplateCatalogHeader.tsx, TemplateProductBanner.tsx, and TemplateProductSpecBlock.tsx.
Technical Highlight: Stored and synchronized across sessions via Zustand persist middleware with automated CSS root variables switching per template theme.
New Pages
src/app/(public)/*
Eight Bespoke Public Surfaces Replacing Placeholder Stubs
Contact & Support Hub (/contact): Dedicated contact desk with inquiry categorization (Orders, Partnerships, Press, General), direct email routing, business hours, and operational status indicators.
Interactive FAQ Center (/faq): Comprehensive accordion answering common questions on delivery windows, vendor onboarding, platform protection, payment gateways, and dispute resolution.
Order Tracking Portal (/track): Live order lookup using Order ID and contact details, featuring a visual 4-stage shipment milestone timeline (Confirmed, Processing, Dispatched, Delivered).
Verified Vendors Directory (/vendors): Complete marketplace merchant directory showcasing store credentials, product counts, star ratings, fulfillment speed, and direct storefront links.
Terms of Service (/terms): Comprehensive commercial agreement outlining marketplace protocols, merchant fulfillment duties, buyer rights, and legal governance.
Privacy Policy (/privacy): Transparent privacy framework detailing encryption, data retention, customer consent, GDPR/CCPA alignment, and payment tokenization.
Cookie Policy (/cookies): Transparent breakdown of essential session cookies, analytical telemetry, and granular user preferences.
Design System
src/components/ui/* & globals.css
Enterprise Design System Overhaul & UI Refinement
Re-engineered the visual hierarchy to eliminate excessive padding, loud gradients, and bloated rounded corners in favor of a crisp, architecturally disciplined aesthetic built for high-density commerce.
Button Micro-Interactions: Refined button dimensions with tactile click feedback (active:scale-[0.98]), added new high-contrast accent variant, and subtle focus rings.
Standardized Badges: Introduced purposeful semantic variants (accent, success, warning, destructive, secondary, outline) with compact padding and clean monospaced font sizing.
Precision Form Controls: Compact 36px (h-9) input fields with subtle hairline borders, clear placeholder styling, and non-intrusive focus borders.
Modern Data Tables: Replaced bulky table padding with compact rows, subtle alternating header backgrounds, and crisp horizontal divider lines for high-volume admin and vendor dashboards.
Color Ramp Harmonization: Replaced saturated hues with an elegant Stone & Zinc ramp in light mode, and a Graphite & Mineral slate palette in dark mode.
Eliminated broken image links and layout shifts caused by deleted or slow merchant assets. Designed a dedicated image component with error capture, lazy-loaded fallbacks, and placeholder assets.
Engineered ProductThumbnail.tsx with automatic error state detection and clean geometric Package icon fallbacks.
Adopted across all commerce surfaces: Cart Drawer, Cart Page, Checkout Page, Customer Order History, Invoices, Reviews, and Wishlist.
Added lightweight vector placeholder.svg and high-resolution placeholder.png assets in the public directory.
Optimized responsive sizes attributes to prevent layout shift (CLS) during image loads across mobile and desktop breakpoints.
PerformanceBug Fixes
Services & Routes
Concurrent Data Pipelines & Query Determinism
Optimized backend queries and data-fetching orchestration to dramatically accelerate page rendering across merchant and customer flows.
Concurrent Vendor Dashboard: Converted sequential database waterfalls into concurrent Promise.all([getVendorStats, getVendorRecentOrders, getVendorMonthlyRevenue]) calls, cutting vendor overview render times by over 60%.
Wishlist Primary Image Fix: Fixed non-deterministic product thumbnails in wishlistService.ts by adding explicit ORDER BY display_order ASC LIMIT 1.
Changelog API Route: Created /changelog server route in src/app/changelog/route.ts to serve formatted release documentation natively.
Sidebar Navigation Refinements: Added direct "Back to Store" link (ArrowLeft) and clean status indicators to both Admin and Vendor sidebars.
Checkout Security & UX: Cleaned up session initiation error handling and added bank-grade security badges with SSL lock indicators.
Previous ReleasesArchived Changelogs
VendoraX 2.0Payment Architecture
June 2026
FeatureCheckout & Payments
Multi-Gateway Payment Orchestration
Overhauled checkout architecture with dynamic payment routing between Stripe, Razorpay, PayPal, and Flutterwave.
Integrated international payment gateways (Stripe, Razorpay, PayPal, Flutterwave).
Dynamic payment gateway selection via admin configuration settings.
Unified checkout customer flow regardless of active provider.
Admin ConsoleAdmin Settings
Admin Payment Gateway Dashboard
Added financial infrastructure management to admin panel with secure credential input and real-time toggle switches.
Dedicated payment settings tab in Admin dashboard.
Encrypted credential storage for API keys and webhooks.
Instant gateway activation switches without redeployments.
DatabasePostgres Schema
Resilient Relational Constraints
Optimized schema integrity: order histories remain preserved and immutable even if vendor or product records are updated or removed.
Modified order_items constraints from ON DELETE RESTRICT to ON DELETE SET NULL for vendor and product references.
Expanded platform_settings to support dynamic multi-gateway configurations.