Frontend Application Bundles: The Docker of Frontend
summary
Frontend Application Bundles (FAB) are a zip‑style container with a predictable layout: a single server.js entry and an immutable /_assets directory. Build runs as normal, then a FAB compiler produces FAB.zip (example Next.js build ~284k) which deploys to CloudFlare workers* and runs in 193 data centers, letting server‑rendered and static apps run at the edge. The design aims to standardize deployment across hosts, enable gradual migration between static and dynamic, and treat frontend apps like containerized artifacts.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:26Frontend Application Bundle
- 7:31Docker’s lesson for frontend
- 12:45Static vs dynamic frontend
- 17:48React server rendering
- 20:33CloudFlare Workers gaps
- 21:19FAB technical workings
- 23:57Live FAB deployment demo
- 27:32Project status and plans
related talks
07mFrontend Application Bundles
23m12 Factor Frontend Apps through Dockerization
20mBuilding Microfrontends on AWS
45mMicro Frontends in Action!
37mDemystifying Micro-Frontends
17mThe Frontend Cloud: Crafting superior web experiences
19mMaking front end modules actually work
11mFrontend Development With BFF (Backend for Frontend)