Back to all projects
Featured Case Study
Production PlatformYogateria

Yogateria

Headless B2B & B2C Commerce Engine

Leadership / Role: Lead Developer (Architecture & Full-Stack)

Yogateria screenshot
Search Speed
<50msInstant faceted search and auto-complete powered by Meilisearch
Architecture
Decoupled HeadlessNext.js App Router + Medusa.js + Payload CMS
Lighthouse Score
98+Optimized Core Web Vitals with ISR and Next.js Image optimization

Executive Summary

Architected and built a decoupled headless B2B and B2C commerce platform featuring sub-second page delivery, instant search indexing, custom dynamic pricing tiers, and seamless integration between Medusa.js commerce services and Payload CMS editorial management.

Problem & Objectives

Overcome the constraints of legacy monolithic commerce platforms by creating a decoupled architecture that delivers sub-50ms product search, flexible marketing content control, and distinct pricing engines for retail and wholesale buyers.

Key Technical Contributions

  • Architected the composable commerce ecosystem, cleanly decoupling the Next.js presentation tier from Medusa.js commerce services and Payload CMS content APIs.
  • Designed custom pricing engine modules supporting multi-tier B2B wholesale volume discounts, tier-based margins, and standard B2C pricing structures.
  • Integrated Meilisearch with real-time webhook indexing to provide sub-50ms typo-tolerant search, multi-facet filtering, and instant autocomplete.
  • Implemented secure payment gateways, automated ERP inventory synchronization, and custom webhook dispatchers for transactional messaging.

System Architecture & Design

Built with a headless architecture: Next.js App Router (utilizing React Server Components and ISR) delivers the storefront; Medusa.js powers the core commerce engine, shopping cart, and checkout; Payload CMS provides native editorial and marketing page control; and Meilisearch maintains real-time product search indices via event webhooks.

Technologies Used

Medusa.js
Next.js (App Router)
Payload CMS
PostgreSQL
Meilisearch
TypeScript