TanStack Query + ORPC Demo

Server-Side Prefetch Demo

Data was prefetched on the server during SSR using TanStack Query dehydrate. The query is hydrated on the client - no loading state on first render.

Loading server-prefetched data...

Client-Side Prefetch Example

Click the button to prefetch data before the query is mounted.

Prefetched Echo Query

Loading...

Basic Client-Side Queries

Client

Greeting Query

Loading...

Add Query (15 + 25)

Loading...

Cache Info

Greeting staleTime: stale

Add staleTime: stale