TFD Backoffice Runtime Architecture
Modular monolith, durable data, realtime operations, and Zoom recording pipeline
TFD Staff · Backoffice users · Architecture component
TFD Staff
Backoffice users
AWS Cognito · Hosted UI + PKCE · Architecture component · Authentication
AWS Cognito
Hosted UI + PKCE
Authentication
Backoffice Frontend · React staff application · Architecture component
Backoffice Frontend
React staff application
Business Providers · Stripe · Outline · Slack · Airtable · Architecture component
Business Providers
Stripe · Outline · Slack · Airtable
Backoffice API · NestJS modular monolith · Architecture component · Business source of truth
Backoffice API
NestJS modular monolith
Business source of truth
PostgreSQL · Durable application state · Architecture component
PostgreSQL
Durable application state
Redis · Streams + desired/applied state · Architecture component · Control plane
Redis
Streams + desired/applied state
Control plane
Zoom · Webhooks + Meeting SDK · Architecture component
Zoom
Webhooks + Meeting SDK
Meeting Recorder · Sharded media capture · Architecture component
Meeting Recorder
Sharded media capture
Private S3 · Segments + final MP4 · Architecture component · Media plane
Private S3
Segments + final MP4
Media plane
Recording Finalizer · Remux + validation · Architecture component
Recording Finalizer
Remux + validation
HTTPS
PKCE
JWT identity
Prisma
backend adapters
signed webhooks
validated MP4
Legend
External
Security
Frontend
Backend
Database
Message bus
Cloud
Ready
Chapter 01 / 01
Guided chapter
Diagram guide
Explore this system
×
Inspecting compiled semantics
01
Find any node Search labels, responsibilities, kinds, and stable IDs.
/
02
Trace a route Ask how two semantic nodes connect in authored direction.
R
03
See the whole system Open Semantic Radar with a live viewport and stable nodes.
M
04
Compare semantic kinds Count roles, reveal their traffic, and compare direct authored links.
L
05
Play the guided story Walk the authored chapters and real relationships.
P
06
Enter Presentation Stage Give the live diagram the viewport without changing export.
F
E ExportT ThemeS Style0 Reset+ Zoom in- Zoom outEsc Close
Find a node
×
⌕
/
No matching nodes
Semantic passport
Authored reach
Upstream 0
Downstream 0
×
Copy link
Relations
Route probe
Choose a start node
Find start
Copy link
Clear
Pick two semantic nodes on the diagram
←
▶
Journey
→
Overview
Choose the source, then the destination. Direction matters.
Semantic lens
Compare system roles
×
Choose up to two semantic kinds. One reveals its real traffic; two compare only direct authored relationships.
Choose a kind to inspect its nodes and touching relationships.
Copy link
Clear
Semantic radar
Building overview
×
Click node Drag to pan
PATH
MAP
LENS
⌕
?
−
100%
+