The Recipe For Scalable Frontends
summary
Zalando claims scalable frontends by splitting its fashion store into fragment microservices and open sourcing Mosaic and Tessellate; implementation uses Skipper router and Tailor layout service to assemble streamed HTML, plus a tessellate bundler and renderer that compile JSON-described React components into universal bundles. Evidence: over 500 apps, 21 million customers, and Skipper handles >20,000 requests/sec on Black Friday. The system runs in production, supports independent deploys, shared component libraries, and server-side rendering for consistent UX.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 7:07Mosaic
- 14:29Scaling
- 15:28Fragments
- 20:47Tessellate
- 27:40Recipe
- 28:30Microservices
- 29:30React components
- 35:01Common Library
- 36:32Risk
- 38:01Event mechanism
related talks
30mThe Recipe For Scalable Frontends
47mThe Micro Frontend Architecture: How to Turn Your Website into a Giant Collaborative Puzzle
39mScaling Frontend Development
25mMicrofrontends: a Modern Approach to Complex Web Applications
40mScaling Frontend Development
44mMicro Frontend: the microservice puzzle extended to frontend
37mScalable Microfrontends & How to Optimize Hydration
57mMicro Frontends – a strive for fully verticalized systems