[{"data":1,"prerenderedAt":72},["ShallowReactive",2],{"term-b\u002Fbackend-for-frontend":3,"related-b\u002Fbackend-for-frontend":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":52,"sitemap":53,"stem":56,"subcategory":57,"__hash__":58},"terms\u002Fterms\u002Fb\u002Fbackend-for-frontend.md","Backend for Frontend","BFF",{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Backend for Frontend means building a dedicated backend for each frontend type. Your mobile app needs different data shapes than your web app. Instead of one generic API both fight over, you give mobile its own BFF and web its own BFF. Tailored suits instead of one-size-fits-all.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"The Backend for Frontend pattern creates a dedicated backend service for each frontend application (mobile, web, TV). Each BFF aggregates and transforms data specifically for its client's needs, avoiding over-fetching\u002Funder-fetching. Eliminates the API bloat that comes from serving multiple incompatible clients.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"Build a BFF for the mobile app so it gets exactly the data it needs.\" \u002F \"The web BFF aggregates five service calls into one.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"architecture","Backend for Frontend means building a dedicated backend for each frontend type. Your mobile app needs different data shapes than your web app.","intermediate","md","b",{},true,"\u002Fterms\u002Fb\u002Fbackend-for-frontend",[6,49,50,51],"API Gateway Pattern","Microservices","Facade Pattern",{"title":5,"description":41},{"changefreq":54,"priority":55},"weekly",0.7,"terms\u002Fb\u002Fbackend-for-frontend",null,"1wh_81eBc1CCx6Cq2dqkHh8QoURBx5LoS0B_HpFFpzI",[60,65,68],{"title":49,"path":61,"acronym":57,"category":62,"difficulty":63,"description":64},"\u002Fterms\u002Fa\u002Fapi-gateway-pattern","backend","advanced","An API gateway is the front door for all your microservices.",{"title":6,"path":66,"acronym":6,"category":40,"difficulty":42,"description":67},"\u002Fterms\u002Fb\u002Fbff","BFF is the abbreviation for Backend for Frontend. Not your best friend — your backend's best friend for a specific client.",{"title":51,"path":69,"acronym":57,"category":40,"difficulty":70,"description":71},"\u002Fterms\u002Ff\u002Ffacade-pattern","beginner","Facade Pattern is like the front desk at a hotel.",1776518259265]