Architecture Gallery
Abstract architectures drawn as diagrams. Each comes with what it is, when to use it, and what to watch out for.
Single-page Site
Static files on a CDN, served everywhere — the fastest and cheapest.
Complexity1/5Frontend + Backend
Frontend renders UI; backend serves data via API — deployed independently.
Complexity2/5SaaS Application
Subscription cloud software with auth, billing, storage and notifications.
Complexity3/5Multi-tenant SaaS
Many customers share one system, but their data is strictly isolated.
Complexity4/5Cloudflare Stack
All on Cloudflare’s edge: Pages frontend, Workers backend, D1 database.
Complexity3/5Fly.io Stack
Containerized backend deployed to multiple regions with nearby DB reads.
Complexity3/5Serverless
No always-on servers; functions run per request — pay per use.
Complexity3/5Microservices
A big system split into small services, each built, deployed and scaled alone.
Complexity5/5