Delivering Faster Cross-Platform UX Iteration at Delivery Hero with Server-Driven Tiles

on YouTube ↗43m

" summary

Delivery Hero builds a federated GraphQL supergraph with an Apollo router and a dedicated Tile Subgraph that returns render-ready tiles using @requires to pull domain fields. The system drops heavy SDKs, replaces a 3-month cross-team UI change with a one-week config rollout, resolves one vendor in ~40 ms, and speeds client render by ~100 ms. Implementation uses a federated data model, configuration-driven layouts, stable typed tile grammar, and server-side fallbacks for graceful degradation.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:25About Delivery Hero
3. 3:31Cross-platform UX challenge
4. 5:59Fluid FMS attempt
5. 8:54Fluid FMS lessons
6. 11:01Two-layer GraphQL approach
7. 13:09Server-driven tiles benefits
8. 17:47Tiles with federated GraphQL
9. 21:55Tile schema details
10. 25:07Current state and future
11. 29:24Key solution principles
12. 32:58Open floor for questions

" related talks

• 27mTurbocharging the UIsRohan Gupta · React India 2024
• 30mThe Recipe For Scalable FrontendsDan Persa, Maximilian Fellner · Codemotion Milan 2017
• 41m'Divide et impera' with GraphQL and SSROleksandr Mostovenko · JavaScript fwdays'20 online conference
• 34mServer Driven UIs: the future of cross-platform renderingSurbhi Madan · droidcon New York 2025
• 40mThe Recipe For Scalable FrontendsZalando · code.talks 2017
• 31mReimagining the frontend-backend divide thanks to GraphQLUri Goldshtein · ngVikings 2019
• 18mServer-Driven UI: Building Dynamic React ApplicationsDipanshu Gupta · React and Chill 2024
• 24mIncremental rewrites with React, HTMX, and TanStack StartSwizec Teller · Commit Your Code 2025