tanstack-integration-best-practices

To set up TanStack Query with TanStack Router for SSR, pass the QueryClient through the router context using the setup-query-client-context pattern. This ensures data is fetched efficiently and server-side rendering works out-of-the-box.

The best way to coordinate caching between TanStack Query and TanStack Router is to implement established data flow patterns. This ensures consistent and performant data caching across your application during fetching and mutating operations.

Inconsistent data fetching during Server-Side Rendering in TanStack Start usually occurs when the QueryClient is not properly passed through the router context. Correct SSR integration rules require specific setup to synchronize data flow.

You can use TanStack Router without TanStack Query, but integrating both provides best practices for full-stack data flow. Combining them ensures optimized caching strategies and seamless SSR coordination across your application.

To implement data fetching and mutating patterns in a TanStack Start app, follow established best practices for full-stack data flow. This approach covers efficient data retrieval, cache coordination, and mutation strategies across the application.