DocsPrivacyTerms

Platform Architecture

Understanding how the Branded Barber platform components work together to deliver a complete barbershop management solution.

System Overview

The Branded Barber platform is built as a modular, multi-tenant system designed for scalability and maintainability. It consists of three core components that work together seamlessly.

Headless API

The backend service managing all data operations, business logic, and integrations.

  • Express.js REST API
  • MongoDB with Mongoose
  • Multi-tenant architecture
  • Rate limiting & security
  • Request validation

Unified CLI

Command-line tool for developers and operators to manage the platform.

  • Database seeding
  • Resource management
  • System diagnostics
  • Instagram import
  • Data migration

Frontend UI

Consumer-facing website template powered by Next.js and React.

  • Next.js 15 App Router
  • Emotion styled-components
  • Theme-based styling
  • Server-side rendering
  • API integration

Data Flow

Here's how data flows through the system:

┌─────────────┐ │ CLI Tool │ │ │ │ - Seed DB │ │ - Import │ │ - Manage │ └──────┬───────┘ │ ▼ ┌─────────────┐ │ MongoDB │ │ Database │ │ │ │ - Tenants │ │ - Barbers │ │ - Services │ │ - Content │ └──────┬───────┘ │ ▼ ┌─────────────┐ ┌─────────────┐ │ Express │◄─────┤ Frontend │ │ API │ │ UI │ │ │ │ │ │ - REST │ │ - Next.js │ │ - Auth │ │ - React │ │ - Validate │ │ - SSR │ └─────────────┘ └─────────────┘

Multi-Tenancy

The platform is designed with multi-tenancy at its core. Each barbershop operates as an isolated tenant with its own:

  • Barbers and staff profiles
  • Service catalog and pricing
  • Business hours and contact info
  • Branding and theme configuration
  • Gallery and portfolio content

All API endpoints are tenant-scoped, ensuring complete data isolation between different barbershops.

Technology Stack

The platform leverages modern, production-ready technologies:

Backend

  • Node.js & Express
  • TypeScript
  • MongoDB & Mongoose
  • express-validator

Frontend

  • Next.js 15
  • React 19
  • Emotion CSS-in-JS
  • TypeScript

Infrastructure

  • Nx Monorepo
  • Yarn Workspaces
  • Cloudinary CDN
  • Instagram API