E-CommerceMulti-Portal PlatformBrand MarketplaceNext.js + FirebaseLive Product

Yarns & Wools — Multi-Portal E-Commerce Marketplace

A three-portal e-commerce ecosystem — a fully controllable consumer storefront, a brand self-service portal for onboarding and managing products, and a super admin panel to control the entire platform, content, policies, and approvals.

3

Separate portals built

Multi

Brand marketplace

100%

CMS-controlled storefront

Live

Production since 2026

The Challenge

Three portals. One unified ecosystem.

Yarns & Wools needed more than a standard e-commerce site. As a multi-brand textile platform, they needed a complete ecosystem — a consumer storefront they could control without developers, a self-service portal where brands could register and manage their own products, and a super admin system to oversee everything.

Three distinct portals. One unified platform. Every portal talking to the same Firebase backend in real time — brands update their stock, it reflects on the storefront instantly. Admins approve a brand, their page goes live immediately.

Portal 1

Consumer Storefront — yarnsandwool.com

1

Fully CMS-controlled landing page — Every section (hero, spotlight products, banners, promises, newsletter) is editable by super admin without touching code.

2

Brand discovery pages — Each approved brand gets a dedicated sub-page with their full product catalogue, brand story, and filtered shop experience.

3

Shop & category browsing — Filter by brand, category, price range, fabric type. Full product detail pages with images, specs, and stock status.

4

Cart & checkout flow — Add to cart, quantity management, checkout with shipping details, order confirmation, and order history per customer.

5

Policies & legal pages — Shipping & returns, terms & conditions, contact — all editable from super admin CMS.

6

WhatsApp integration — Direct customer support link, newsletter signup, responsive across all devices.

Portal 2

Brand Portal — Self-Service Management

1

Brand registration & onboarding — Brands apply to join with their profile, logo, description, and contact info — sent for super admin approval.

2

Product management — Add, edit, delete products with images, descriptions, pricing, variants (size, colour), and category assignment.

3

Category management — Brands create and manage their own product categories, kept separate per brand in the marketplace.

4

Stock & inventory control — Manage stock levels per product variant, get low-stock visibility, toggle product visibility on/off without deleting.

5

Brand profile management — Update brand story, cover images, logo, and public-facing brand page content that appears on the storefront.

6

Order visibility — Brands see orders placed for their products with customer and fulfilment details relevant to their inventory.

Portal 3

Super Admin Panel — Full Platform Control

1

Brand approval management — Review brand applications, approve or reject with feedback, control which brands are visible on the storefront.

2

Landing page CMS — Edit every section of the consumer storefront — hero banners, spotlight products, promotional content, brand ordering — no code required.

3

Policy & content management — Update shipping policy, return rules, terms & conditions, and legal pages directly from the admin panel.

4

Platform-wide product oversight — View and manage all products across all brands, override visibility, flag issues, and ensure catalogue quality.

5

Order & customer management — Full order history, customer records, and fulfilment status across all brands in one dashboard.

6

Platform settings & configuration — Manage global settings: shipping thresholds, exchange policies, featured brands, promotional banners, and site-wide announcements.

Tech Stack

Built with

Frontend — Next.js (App Router), React, TypeScript

Styling — Tailwind CSS, fully responsive

Backend & DB — Firebase (Firestore, Auth, Storage)

Real-time — Firestore live listeners (instant sync)

Auth — Firebase Auth (multi-role: admin, brand, customer)

Deployment — Vercel (frontend + SSR)

Why Firebase

The right tool for this

Real-time sync — brand updates stock → storefront updates instantly
Multi-role auth serving three portals cleanly (admin / brand / customer)
Firestore rules enforce data security at the database level
Firebase Storage with CDN for product images and brand assets
Handles traffic spikes without infrastructure management overhead

The Outcome

Live marketplace with zero developer dependency

Yarns & Wools launched as a fully operational multi-brand e-commerce marketplace. The super admin can update the landing page, approve brands, and manage policies without involving a developer. Brands self-manage their catalogue and stock. Customers get a curated, branded shopping experience with real-time inventory. Three portals. Zero developer dependency for day-to-day operations.

This project demonstrates our ability to build complete multi-portal e-commerce ecosystems — not just storefronts. A consumer-facing marketplace, a brand self-service portal, and a super admin control centre — all live, all integrated, all running in production.

Ready to build?

Want something like this?

Tell us about your project. We'll come back with a custom scope and proposal — no pressure.

Book a Free Discovery Call