meta-framework

To use TanStack DB for client-side data management, disable SSR by setting ssr: false on routes and call collection.preload() inside route loaders to fetch data before rendering.

Yes, TanStack DB works with Next.js, Remix, Nuxt, SvelteKit, and TanStack Start. It provides a unified client-side data management API that adapts to each framework's specific loader and startup conventions.

Disabling SSR with ssr: false is required when integrating TanStack DB because it operates as a client-side only data layer. Route loaders handle initial data preloading via collection.preload() to support this rendering approach.

Route loaders preload collections in TanStack DB by calling collection.preload() during the route loading phase. This ensures the required data is fetched and ready for client-side components using useLiveQuery.

The best way to consume live queries in components after preloading TanStack DB collections is using the useLiveQuery hook. This pairs with route loaders that executed collection.preload() to deliver client-side only data.

The primary limitation is that TanStack DB requires a client-side only approach across meta-frameworks. You must disable SSR and rely entirely on route loaders to preload collections, restricting server-side rendering capabilities.