Powering Up Micro Frontends At The Edge!
summary
Micro frontends run on the edge using Cloudflare Workers and service bindings to deploy independently versioned fragments that stream server rendered HTML into a parent DOM. A demo Cloud Gallery shows header body footer fragments plus nested filter and gallery workers, and a legacy React app uses fragment piercing so a worker login fragment loads and is interactive while the React shell is deliberately delayed. Wrangler, Quick and React are used and the approach improves load time and Core Web Vitals.
AI-written summary · about
chapters (9)
- 0:00Introduction to talk
- 1:05Monolith front-end challenges
- 3:53Micro front-ends explained
- 7:02Cloudflare Workers basics
- 8:46Fragments architecture demo
- 13:04Incremental adoption with piercing
- 15:54Legacy app integration demo
- 18:03Benefits of server-side micro front-ends
- 19:46Resources and closing
related talks
15mPowering up Micro-frontends at the Edge!
33mPowering up Micro-frontends at the Edge!
30mSolving the micro-frontend puzzle with fragments architecture
45mMicro Frontends in Action!
21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web Development
36mMicro Frontends in Action!
27mMicro Frontends: Break Up You Web App!
36mMicro Frontends - Breaking Monoliths