puui-biz Monorepo Architecture

general · architecture diagram.

About This Architecture

puui-biz monorepo organizes shared libraries, backend-for-frontend (BFF) services, and multi-platform client applications into a cohesive dependency graph. The root coordinates three main branches: bff-core with type definitions and data handlers, a contract layer exposing tracking, APM, A/B config, and request utilities, and platform-specific consumers including web, mini-programs, Harmony Hybrid, and React Native clients. This structure enforces separation of concerns while enabling code reuse across web and native surfaces. Fork this diagram to customize workspace boundaries, add CI/CD pipelines, or document your own monorepo topology on Diagrams.so.

People also ask

How should I structure a monorepo with shared libraries, BFF services, and multiple client platforms?

This diagram shows a monorepo root coordinating three layers: bff-core with type definitions and data handlers, a contract layer exposing tracking, APM, A/B testing, and request utilities, and platform-specific consumers for web, mini-programs, Harmony Hybrid, and React Native. This pattern enforces clear boundaries while maximizing code reuse across surfaces.

puui-biz Monorepo Architecture

AutointermediatemonorepoBFFmulti-platformTypeScriptshared-libraries
Domain: Software ArchitectureAudience: Frontend architects and monorepo maintainers managing multi-platform TypeScript/JavaScript applications
3 views0 favoritesPublic

Created by

March 13, 2026

Updated

March 17, 2026 at 1:19 AM

Type

architecture

Need a custom architecture diagram?

Describe your architecture in plain English and get a production-ready Draw.io diagram in seconds. Works for AWS, Azure, GCP, Kubernetes, and more.

Generate with AI