Frontend Development With BFF (Backend for Frontend)
summary
Shows a concrete BFF implementation using Next.js BFF that moves payload shaping and encryption out of the browser into a server, with examples of a start‑trial form where email and IDs are encrypted and keys renamed, and a dashboard where user fields are computed server‑side. Demonstrates request/response transformation and simple proxying to selected backend to normalize two backends during a migration. Backed by a repository and used to migrate a monolith to microservices across 20+ markets while keeping the frontend stable.
AI-written summary · about
chapters (9)
- 0:00BFF pattern intro
- 1:35BFF between frontend and backend
- 3:22Free trial form example
- 5:07Simplified frontend with BFF
- 6:33Dashboard data fetching with BFF
- 7:59Multi-market data handling
- 9:27BFF advantages and use cases
- 10:11Project overview
- 10:54Q&A
related talks
21mEnhance and improve user experience with BFF
39mBFF - Best Friend for Frontend
21mEnhance and improve user experience with BFF
39mBFF, our best friend forever for building lots of frontend apps?
54mGiving the Frontend Only What It Needs, or Why You Need a BFF
09mKeep your friends close and your APIs closer
40mBFF4EAE: Your Backend's New Best Friend Forever
38mBFF vs GraphQL: A critical perspective