Solving Real-World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study
Conference (INTERMEDIATE level)
Building seamless user experiences can be challenging when APIs aren’t designed with frontend needs in mind. This talk tackles common issues like excessive network requests, inefficient caching, resilience gaps, and bloated API payloads. Through a real-world fintech case study, we’ll explore how to address these obstacles using tools like Next.js, TanStack Query, and the Backend-for-Frontend (BFF) design pattern. You’ll learn how to evolve data-fetching strategies from basic implementations to robust solutions that balance performance and resilience, even under the constraints of APIs serving multiple third-party clients. The session highlights practical strategies for overcoming limitations and empowering frontend teams to work effectively, despite backend constraints.
We’ll dive into a case where a fintech team I lead faced massive API payloads filled with unnecessary data, creating performance bottlenecks and resilience challenges. By adopting the BFF pattern and leveraging Next.js for server-side rendering and API routing, they reduced payload sizes and streamlined caching strategies. TanStack Query optimized server to client state management and minimized re-renders, ensuring scalability and better user experiences. With demos, this talk equips developers with actionable techniques to build resilient and scalable frontend solutions in real-world conditions.
We’ll dive into a case where a fintech team I lead faced massive API payloads filled with unnecessary data, creating performance bottlenecks and resilience challenges. By adopting the BFF pattern and leveraging Next.js for server-side rendering and API routing, they reduced payload sizes and streamlined caching strategies. TanStack Query optimized server to client state management and minimized re-renders, ensuring scalability and better user experiences. With demos, this talk equips developers with actionable techniques to build resilient and scalable frontend solutions in real-world conditions.
Faris Aziz
Smallpdf
Faris Aziz is an experienced engineer, international conference speaker, and workshop instructor specializing in React, Next.js, web architecture, and resilient system design. He has a deep passion for startups, having worked in early-stage companies ranging from founding teams to organizations scaling from 1 to 100 people. His expertise spans engineering leadership, building career ladders from scratch, and managing teams of over 10 engineers.
As a front-end subject matter expert, Faris has contributed to creating systems used by millions of users worldwide. His work has ranged from building greenfield projects from the ground up to maintaining and scaling decade-old products. His experience covers industries like Connected TV, Fintech, SaaS, and Fitness, working with companies such as Smallpdf, Fiit, Discovery, GCN, Eurosport, and Navro (formerly Paytrix).
Faris’s specialization lies in building user-centric, performant, and maintainable applications. He has a particular interest in observability and monitoring, ensuring that systems are not only robust but also easy to troubleshoot and optimize. His passion extends to sharing knowledge, organizing the Zurich.js meetup in Switzerland, and speaking at international conferences about web development, engineering leadership, and creating scalable systems.
In his free time, Faris enjoys contributing to web development tools like Raycast and spending time contemplating life’s great questions, like why the build works on his machine but nowhere else.
As a front-end subject matter expert, Faris has contributed to creating systems used by millions of users worldwide. His work has ranged from building greenfield projects from the ground up to maintaining and scaling decade-old products. His experience covers industries like Connected TV, Fintech, SaaS, and Fitness, working with companies such as Smallpdf, Fiit, Discovery, GCN, Eurosport, and Navro (formerly Paytrix).
Faris’s specialization lies in building user-centric, performant, and maintainable applications. He has a particular interest in observability and monitoring, ensuring that systems are not only robust but also easy to troubleshoot and optimize. His passion extends to sharing knowledge, organizing the Zurich.js meetup in Switzerland, and speaking at international conferences about web development, engineering leadership, and creating scalable systems.
In his free time, Faris enjoys contributing to web development tools like Raycast and spending time contemplating life’s great questions, like why the build works on his machine but nowhere else.