Bazaar for Next.js + Shopify connects the vibrant Bazaar fashion ecommerce frontend to Shopify via the Storefront API. Products, collections, and inventory are managed through your Shopify admin and served to the storefront in real time. The cart is powered by Shopify’s cart API with hosted checkout, giving your customers a seamless and secure purchase flow. When Shopify credentials are not configured, the theme falls back gracefully to local JSON data for development and preview.

The product experience includes 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.