B2C Storefront
for Mercur - Open Source Marketplace Platform
🛍️ B2C Marketplace Storefront Demo · Mercur Website · 📃 Explore the docs
Customizable storefront designed for B2C with all elements including browsing and buying products across multiple vendors at once.
Ready to go:
- Home Page - 🛍️ Check demo
- Listing
- Product Page
- Shopping Cart
- Seller Page
- Selling Hub - Moved to external VendorPanel
- Wishlist
Mercur is an open source marketplace platform that allows you to create high-quality experiences for shoppers and vendors while having the most popular Open Source commerce platform MedusaJS as a foundation.
Mercur is a platform to start, customize, manage, and scale your marketplace for every business model with a modern technology stack.
Clone the repository
git clone https://github.com/mercurjs/b2c-marketplace-storefront.git
Go to directory
cd b2c-marketplace-storefront
Install dependencies
npm install
Make a .env.local file and copy the code below
# API URL
MEDUSA_BACKEND_URL=http://localhost:9000
# Your publishable key generated in mercur admin panel
NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY=
# Your public url
NEXT_PUBLIC_BASE_URL=http://localhost:3000
# Default region
NEXT_PUBLIC_DEFAULT_REGION=pl
# Stripe payment key. It can be random string, don't leave it empty.
NEXT_PUBLIC_STRIPE_KEY=supersecret
# Backend cookie secret
REVALIDATE_SECRET=supersecret
# Your site name in metadata
NEXT_PUBLIC_SITE_NAME="Fleek Marketplace"
# Your site description in metadata
NEXT_PUBLIC_SITE_DESCRIPTION="Fleek Markeplace"
# Algolia Application ID
NEXT_PUBLIC_ALGOLIA_ID=supersecret
# Algolia Search API Key
NEXT_PUBLIC_ALGOLIA_SEARCH_KEY=supersecret
#TalkJS APP ID
NEXT_PUBLIC_TALKJS_APP_ID=<your talkjs app id>
Start storefront
npm run dev