System Topology v2.4

Architectural Blueprint

High-level technical overview mencakup infrastruktur microservices, pola komunikasi event-driven, dan protokol keamanan enkripsi data.

System Topology Map

INTERACTIVE MODE

Global Mesh

Live Topology • 25 Nodes

NETWORK LOAD

Ingress42.5 GB/s

Egress18.2 GB/s

ACTIVE REGIONS

Tokyo

AP-NE-1

Singapore

AP-SE-1

Jakarta

AP-SE-3

Seoul

AP-NE-2

Sydney

AP-SE-2

Mumbai

AP-SOUTH-1

Beijing

CN-NORTH-1

Osaka

JP-OSA

N. Virginia

US-EAST-1

Ohio

US-EAST-2

N. California

US-WEST-1

Montreal

CA-CENTRAL-1

London

EU-WEST-2

Frankfurt

EU-CENTRAL-1

Dublin

EU-WEST-1

Paris

EU-WEST-3

Stockholm

EU-NORTH-1

Amsterdam

EU-AMS

São Paulo

SA-EAST-1

Santiago

SA-WEST-1

Cape Town

AF-SOUTH-1

Bahrain

ME-SOUTH-1

Dubai

ME-CENTRAL-1

Tel Aviv

ME-WEST-1

Primary Hub

Edge Node

Low Latency Mesh

Data Processing Pipeline

ACTIVE • 120 jobs/min

Ingestion

Menerima raw payload via Webhook / API Gateway.

Normalization

Validasi skema Zod dan sanitasi data worker.

Queueing

Masuk antrian Redis BullMQ dengan prioritas.

Persistence

Simpan state ke Postgres dan aset ke S3.

Completion

Trigger notifikasi WebSocket ke Client.

Technical Stack Matrix

Layer	Technology	Implementation Detail
Presentation	Next.js 14 (App Router)	React Server Components, Streaming SSR
Styling	Tailwind CSS v4	Utility-first, Zero-runtime overhead
State	Zustand & TanStack Query	Atomic state & Server state management
Database	PostgreSQL (Supabase)	Relational data, Row Level Security (RLS)
Queue	Redis (Upstash)	Serverless message broker for async jobs
Deployment	Vercel Edge	Global CDN, Edge Functions, Analytics

Architectural Decisions

Why Monorepo?

Memudahkan sharing types (TS) antara frontend dan backend workers dalam satu codebase.

Why Supabase?

Built-in Auth & RLS mengurangi waktu dev backend hingga 60%.

Why Tailwind v4?

Performance engine baru (Rust) dan CSS variables native untuk theming dinamis.