The tanstack-fetch blog
Tutorials, framework deep dives, and release notes about data fetching with TanStack Query and tanstack-fetch.
20 posts
TutorialsBuild a frontend before the backend is ready. Step by step, mock a REST endpoint, a live SSE price feed, a streaming NDJSON chat and a WebSocket room with the tanstack-fetch mocks option, then turn each mock off as the real API ships.
Read the post
Releasestanstack-fetch 2.1.0 fixes cancelling during a retry delay, literal colons in paths like gemini:generateContent, a refresh-token race that could rotate a session out, and retries of stream bodies. It adds array query values, parseAs arrayBuffer / stream and a tanstack-fetch/full entry.
Read the post
ReleasesThe tanstack-fetch core drops from 5.14KB to 3.57KB gzip — auth, status handlers and plugins become interceptors. sse, ws, transport, stream and the useSse / useWs hooks now type path params exactly like api.get.
Read the post
ReleasesNew tanstack-fetch/live entry — authenticated WebSocket with reconnect and a send queue, WebTransport over HTTP/3 with the same API, NDJSON streaming over fetch, and useWs for React, Vue, Solid, Svelte and Angular.
Read the post
TutorialsA hands-on TanStack Pacer tutorial — debounced search, autosave with abortable requests, throttled infinite scroll, client-side rate limits, upload queues and event batching, wired to TanStack Query and tanstack-fetch.
Read the post
ReleasesPatch release — ports and query colons no longer break path params, timeouts reject with TimeoutError, timers stop leaking, Uint8Array / ReadableStream bodies send as bytes, and HTML 502s keep their status.
Read the post
Framework guidesReplace Angular HttpClient glue with tanstack-fetch — provideFetchClient, injectFetch, signals SSE, Angular Query, refresh-token, migrate CLI, and a full side-by-side comparison.
Read the post
Framework guidesUse tanstack-fetch in Next.js App Router — ssr-forward cookies, absolute baseUrl on the server, React Query dehydrate/hydrate, SSE, and migrate path.
Read the post
Framework guidesReplace Nuxt $fetch glue with tanstack-fetch — createFetchPlugin, ssr-forward, useFetchClient naming, Vue Query hydrate, SSE, and comparison graphs.
Read the post
Framework guidesReplace axios unwrap glue with tanstack-fetch — FetchProvider, useFetch, useSse, React Query, refresh-token, migrate CLI, and a full side-by-side comparison.
Read the post
Framework guidesUse tanstack-fetch with Solid — FetchProvider, useFetch, useSse signals, Solid Query, refresh-token, migrate CLI, and comparison graphs.
Read the post
Framework guidesUse tanstack-fetch with Svelte and SvelteKit — setFetchClient, useFetch, useSse stores, Svelte Query, ssr-forward load functions, and comparison graphs.
Read the post
Framework guidesWire tanstack-fetch into TanStack Start and TanStack Router — queryOptions, ensureQueryData loaders, router context, SSR, tRPC, and comparison graphs.
Read the post
TutorialsTanStack Start 1.0 is here. Six production-ready patterns: direct fetching, shared loaders, SSR auth, mutations, centralized error handling, and live SSE updates with tanstack-fetch.
Read the post
Framework guidesReplace ofetch and axios glue in Vue 3 with tanstack-fetch — createFetchPlugin, useFetch, useSse, Vue Query, refresh-token, and a full comparison.
Read the post
ReleasesHealth-check with tanstack-fetch doctor, real Solid/Angular/Svelte adapters, migrate scaffolds, and a docs Framework picker.
Read the post
ReleasesCLI that scans axios, ky, ofetch, $fetch, and fetch call sites, applies safe rewrites for TanStack Query, and scaffolds React, Vue, Nuxt, or Next.js.
Read the post
ReleasescreateFetchPlugin, useFetch, and useSse for Vue 3 and Nuxt — same client as React.
Read the post
ReleasesPass a params map as the second type argument — api.get<User, { id: number }>(…) — and optional body typing on post/put/patch.
Read the post
ReleasesRefresh tokens without hand-written interceptors, a DevTools panel for HTTP, SSE, SSR and tRPC, and a useSse hook that no longer needs a provider.
Read the post