Bazaar for Next.js + Medusa connects the vibrant Bazaar fashion ecommerce frontend to Medusa.js v2, a self-hosted open-source commerce platform. Products, collections, and inventory are managed through Medusa’s admin dashboard and served to the storefront via the Store API. When Medusa credentials are not configured, the theme falls back gracefully to local JSON data, so you can develop and preview the full storefront without running a backend.

With full cart, checkout, and product management powered by Medusa, this variant delivers a production-ready ecommerce experience. The product pages include a gallery with hover lens zoom and immersive lightbox, a sticky add-to-cart bar, product reviews with sorting, frequently bought together recommendations, stock counters, trust badges, and social sharing. Product cards feature hover action buttons for Quick View, Quick Add, compare, and wishlist — plus hover image swap and color swatches. The shop page offers a full filter sidebar, grid/list view toggle, load more pagination, and live search with product thumbnails. The cart drawer includes a free shipping progress bar and in-cart upsell recommendations.

Beyond the core storefront, Bazaar includes a mobile bottom navigation bar, newsletter popup, back-to-top button, blog with MDX support, and 15+ additional pages including gift cards, lookbook, order tracking, rewards, size guide, store locator, sustainability, careers, and a coming-soon page with countdown timer. Built with Next.js 15 App Router, every page supports dark and light mode, full RTL layout with i18n for English, Arabic, and French, and is SEO-optimized with JSON-LD structured data. Self-hosted variable fonts (Outfit and Inter) ensure zero external dependencies at runtime.