Scope a Cloudflare architecture review
Search offers Account Wishlist 0 Bag 0 Checkout
Menu

Cloud and edge

Design the edge system before it hardens.

Cloudflare architecture planning for teams that need Workers, Durable Objects, D1, queues, media, WebSocket sync, and deployments to fit together.

  • Workers
  • Durable Objects
  • R2
  • WebSockets
Edge block Transparent Cloudflare edge block with navy system panel, orange cloud mark, cubes, cables, and a white plinth surface
Edge architecture as a visible runtime block.
Runtime map

Clarify the boundaries between Workers, Durable Objects, D1, R2, queues, and external services.

Realtime sync

Decide where WebSocket sessions, sync-state projections, reconnect behavior, and event fanout should live.

Delivery path

Convert the architecture into local development, deployment, migration, asset handling, and operational steps.

State is leaking

Session, queue, cache, file, and database responsibilities are spread across too many places to reason about.

Realtime feels fragile

WebSocket routing, reconnect behavior, event fanout, and UI state are not clearly owned.

Deploys are tactical

Workers, assets, migrations, images, D1, R2, and environment config are moving without one operational sequence.

Edge goods

Cloudflare work as a system shelf.

The cloud work is split into visible parts: compute, state, realtime sync, generated media, file delivery, and the operational sequence that keeps them from becoming a grab bag.

Realtime sync kit with navy and orange patch cables, status cards, and sync-state tiles
WebSocket sync and state fanout
White asset bucket kit with image cards, orange storage cubes, navy file blocks, and delivery tags
R2, media, and derived-file handling

Cloud products

4 Cloudflare offers

Use the shelf to name the architecture problem. Checkout secures the call; the exact Cloudflare shape gets chosen after the constraints are clear.

Start checkout
Edge architecture Close-up of a navy jacket chest pocket with a Cloudflare logo patch and white shirt underneath.

Edge architecture

Cloudflare Five-Me-Flare Jacket

Design a Cloudflare architecture with clear boundaries for Workers, state, storage, queues, deploys, and operational ownership.

worker.ts - Edge decisions in order.

  • Workers
  • D1
  • deploys
State model Folded indigo denim stack with object tags and state coordination tokens.

State architecture

Durable Object Denim

Plan stateful edge features such as collaboration, live sessions, queues, and durable coordination before the data model gets messy.

room.do.ts - State with ownership.

  • state
  • sync
  • sessions
WebSocket sync White realtime sync kit with navy and orange patch cables, status cards, and sync-state tiles.

Realtime state

Realtime WebSocket Sync Kit

Shape WebSocket routing, sync-state projections, reconnect behavior, and event fanout so live interfaces stay responsive.

sync-state.ts - Realtime state without noisy echoes.

  • WebSocket
  • sync-state
  • realtime
Asset pipeline White asset bucket kit with image cards, orange storage cubes, navy file blocks, and delivery tags.

Asset pipeline

R2 Bucket Hat

Review uploads, generated media, derived files, and image delivery so content operations stay simple.

bucket.ts - Images without sprawl.

  • R2
  • assets
  • files

Checkout

Bring the traffic, state, and deployment constraints.

Useful checkout context includes current hosting, expected traffic, stateful workflows, file handling, compliance constraints, and the parts of Cloudflare already in use.

Checkout cloud review