Solving Real-World Data Fetching Challenges with Next.js and TanStack Query: Case Study

This conference talk explores practical solutions for frontend data fetching challenges when working with imperfect APIs. Learn how to overcome common issues like excessive network requests, inefficient caching, and bloated API payloads through a real-world fintech case study. Discover how to implement the Backend-for-Frontend (BFF) design pattern using Next.js and TanStack Query to create more resilient and performant applications. Follow along as the speaker shares how his team tackled massive API payloads by leveraging Next.js for server-side rendering and API routing to reduce payload sizes and implement effective caching strategies. See demonstrations of how TanStack Query optimizes server-to-client state management while minimizing re-renders. Walk away with actionable techniques for building scalable frontend solutions that deliver better user experiences, even when constrained by backend limitations or APIs serving multiple third-party clients.