"Cloudflare just rolled out a Worker template for Vertical Microfrontends (VMFE), an architecture that maps independent Cloudflare Workers to specific URL paths on one domain. By pulling together Service Bindings and the Speculation Rules API, the template lets decentralized teams manage their own stacks and CI/CD pipelines while still giving users that smooth, single-page application (SPA) feel. The shift here is about moving away from horizontal component mixing toward vertical, path-based ownership."
"The technical glue comes down to three parts. Service Bindings allow a Router Worker to talk to sub-application Workers directly at the edge, keeping latency low by staying off the public internet. Then there's the Router Worker itself, acting as the front door to steer requests based on path prefixes. Finally, the HTMLRewriter automatically tweaks HTML responses to fix pathing issues, such as adding /docs to image sources, which usually break when services are reverse-proxied."
"To keep things from feeling disjointed, the template bakes in two modern browser APIs. First, CSS View Transitions help keep DOM elements (like a nav bar) visible during page changes, which kills off the "white flash" you'd normally get with Multi-Page Applications. On top of that, it uses the Speculation Rules API to prefetch linked microfrontends into memory. Truth be told, this only works in Chromium-based browsers for now, but it makes jumping between physically separate Workers feel nearly instant."
Vertical Microfrontends (VMFE) map independent Cloudflare Workers to specific URL paths on a single domain, enabling path-based ownership for teams. Teams own entire vertical stacks for their routes, choose frameworks, and run independent CI/CD pipelines without interfering with other teams. Service Bindings let a Router Worker call sub-application Workers at the edge to minimize latency. The Router Worker steers requests by path prefixes. HTMLRewriter adjusts HTML responses to correct pathing issues introduced by reverse proxying. CSS View Transitions preserve visible DOM elements during navigation, and the Speculation Rules API prefetches microfrontends in Chromium-based browsers for near-instant transitions.
Read at InfoQ
Unable to calculate read time
Collection
[
|
...
]