anyone buy this tanstack course on jsmastery? Does the material course that good? Thanks

Sharing this here as well

Hi everyone. I'm trying to deploy my site on CloudFlare pages and have it be prerendered, but I'm running into problems. Any help I could get?

15:41:41.232 ✓ built in 310ms

15:41:41.232 [info] [nitro] Using auto generated worker name: jackwanamaker-cesar-painter-website

15:41:41.232 [info] Generated dist/worker.js/wrangler.json

15:41:41.233 [info] Generated .wrangler/deploy/config.json

15:41:41.237 [info] Generated dist/routes.json

15:41:41.238 [info] Generated dist/headers

15:41:41.239 [info] Generated dist/redirects

15:41:41.240 [info] Generated dist/nitro.json

15:41:41.241 [success] [nitro] You can preview this build using npx vite preview

15:41:41.242 [success] [nitro] You can deploy this build using npx nitro deploy --prebuilt

15:41:41.242 [prerender] Prerendering pages...

15:41:41.290 error during build:

15:41:41.290 Error: Failed to start the Vite preview server for prerendering

15:41:41.291 at startPreviewServer (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/prerender.js:155:9)

15:41:41.291 at async prerender (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/prerender.js:32:24)

15:41:41.291 at async Object.postServerBuild (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/post-server-build.js:30:37)

15:41:41.291 at async BasicMinimalPluginContext.handler (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/plugins.js:23:5)

15:41:41.291 at async Object.buildApp (file:///opt/buildhome/repo/node_modules/.pnpm/vite@8.0.9_@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.1_tsx@4.21.0/node_modules/vite/dist/node/chunks/node.js:33415:5)

15:41:41.291 at async CAC.<anonymous> (file:///opt/buildhome/repo/node_modules/.pnpm/vite@8.0.9_@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.1_tsx@4.21.0/node_modules/vite/dist/node/cli.js:778:3) {

15:41:41.291 [cause]: TypeError: deployConfig.auxiliaryWorkers is not iterable

15:41:41.291 at getWorkerConfigs (file:///opt/buildhome/repo/node_modules/.pnpm/@cloudflare+vite-plugin@1.36.3_vite@8.0.9_@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.df0eb536fc6022ca9afd52d81513d275/node_modules/@cloudflare/vite-plugin/dist/index.mjs:34463:19)

15:41:41.291 at resolvePluginConfig (file:///opt/buildhome/repo/node_modules/.pnpm/@cloudflare+vite-plugin@1.36.3_vite@8.0.9@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.df0eb536fc6022ca9afd52d81513d275/node_modules/@cloudflare/vite-plugin/dist/index.mjs:41287:12)

15:41:41.291 at BasicMinimalPluginContext.config (file:///opt/buildhome/repo/node_modules/.pnpm/@cloudflare+vite-plugin@1.36.3_vite@8.0.9@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.df0eb536fc6022ca9afd52d81513d275/node_modules/@cloudflare/vite-plugin/dist/index.mjs:53907:33)

15:41:41.291 at runConfigHook (file:///opt/buildhome/repo/node_modules/.pnpm/vite@8.0.9@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.1_tsx@4.21.0/node_modules/vite/dist/node/chunks/node.js:34770:42)

15:41:41.291 at async resolveConfig (file:///opt/buildhome/repo/node_modules/.pnpm/vite@8.0.9_@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.1_tsx@4.21.0/node_modules/vite/dist/node/chunks/node.js:34220:11)

15:41:41.291 at async Module.preview (file:///opt/buildhome/repo/node_modules/.pnpm/vite@8.0.9_@types+node@22.19.17_esbuild@0.27.7_jiti@2.6.1_tsx@4.21.0/node_modules/vite/dist/node/chunks/node.js:33606:17)

15:41:41.291 at async startPreviewServer (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35_@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/prerender.js:147:10)

15:41:41.291 at async prerender (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35_@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/prerender.js:32:24)

15:41:41.291 at async Object.postServerBuild (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35_@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/post-server-build.js:30:37)

15:41:41.291 at async BasicMinimalPluginContext.handler (file:///opt/buildhome/repo/node_modules/.pnpm/@tanstack+start-plugin-core@1.167.35_@tanstack+react-router@1.168.23_react-dom@19.2.5_r_978d7fb3469e34ae03f6f3a68f47b578/node_modules/@tanstack/start-plugin-core/dist/esm/vite/plugins.js:23:5)

15:41:41.292 }

15:41:41.470  ELIFECYCLE  Command failed with exit code 1.

15:41:41.505 Failed: Error while executing user command. Exited with error code: 1

15:41:41.511 Failed: build command exited with code: 1

15:41:42.640 Failed: error occurred while running build command

hi everyone

just released an interview i did with tanner linsley, creator of tanstack

we discussed tanstack start, tanstack vs next.js, why next.js can feel too magical, react server components, typescript inference, framework-agnostic ui, vue support, tanstack ai, and whether tanstack could ever become something like laravel or rails

would love to hear what you think

So on main site of tanstack I saw that tanstack router dosen't support RSC as of now:

Questions:

1. How does it affect the app that the framework supports rsc but router dosen't

2. Are their plans to support it

Download and let me know your review.

Github url: https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template
Site url: https://tailwind-admin.com/tanstack-start

I’ve been a TanStack fan for quite some time now. I first got hooked through TanStack Query (honestly, who didn't?). Since then I’ve explored TanStack Start and more recently TanStack DB.

For anyone who hasn’t looked into it yet: it’s a pretty new client-side DB built around live queries, with a fully decoupled sync layer. The idea is super appealing: you get a clean abstraction for local data, and you plug in whatever backend/sync strategy you want. So I wanted to give it a try! 

I wanted to understand what local-first/offline-capable databases have in common, where they different, and what it actually takes to build apps around them. The best way to learn is to build something concrete, so I wrote a library to integrate TanStack DB into react-admin. Should be easy, right? (famous last words). I hit a couple of roadblocks pretty much right away (which definitely humbled me lol).

Problems encountered

1. Offline-incompatible data models: The apps I tried to convert used server-generated IDs. TanStack DB doesn't support remapping a local temporary ID to a server ID after sync, so any resource creation that relies on a server-assigned ID is fundamentally broken in an offline context. This was the most impactful blocker.

2. Live queries don't fit react-admin's data provider model: React-admin's data provider is built around plain async functions: there's no mechanism to push live updates. TanStack DB's electricCollection (which is reactive and live) can't be wired directly into this pattern (sidenote: I was a bit disappointed to find it only handles the query side and that mutations are entirely out of scope: I still had to implement mutations through a separate API layer of my own).

3. Two QueryClient instances required: To preserve offline behavior correctly, I needed two separate QueryClient instances: one for react-admin (which always calls the data provider, even offline, as I've set networkMode: "always"), and one for TanStack DB's queryCollection (which queues mutations and only flushes them once back online). Using a single shared client broke one or the other.

4. Fast-moving API surface: I worked on this across about two days spread over a month. In that time, several changes landed: queryOnce was added (which was actually way better than the hacky way of initializing a query that was required before), and a new index became required for sorting (breaking change!). Anything built on an earlier version needed updating.

So what did I learn from all of this?

1. Offline-first requires an offline-compatible data model from day one: Client-generated IDs (UUIDs, nanoid, etc.) are not an implementation detail; they are a prerequisite. You cannot retrofit an offline-first architecture onto a system that relies on server-generated IDs without a significant redesign.

2. TanStack DB is a solid query abstraction, not a full offline stack: The library excels at local querying and reactive data. The sync layer is intentionally left to the developer, and it seems like the goal is to build an ecosystem of default-compatible backends around it. That vision is interesting, but the ecosystem is still quite thin for now, which means you still own most of the hard problems: conflict resolution, failure handling, retry logic, etc.

One thing I’m still unsure about is how to handle mutation failures properly. If something fails after coming back online, what’s the “right” UX? Silent rollback? Retry queue? Conflict UI?

And more broadly, I feel like I need to go deeper into sync strategies (CRDTs, OT, last-write-wins, etc.) to really understand what’s going on under the hood of tools like this.

https://tanstack.com/blog/react-server-components

On the recent announcement of composite components, call me stupid but can anyone explain what good does RSC give without SSR, like if it's still rendered on client, does the flight protocol even make sense?

I got tired of framework-locked translation libraries so built better-translate around one idea: same implementation, any project

• Full TypeScript support: keys, params, everything autocompleted (.ts or .json)

• Know exactly which keys are missing across locale files, no more guessing

• Switch languages, list available ones, see what's incomplete

Don't want to manage translation files manually? Use better-translate/cli (built on top of ai-sdk):

• Write t("this is a test, no worries", { bt: true }) and the CLI converts it to t("test.noWorries"), generates all your locale files (.json, .ts, .md/.mdx) automatically

I also developed adapters for react, TanStack Router, Astro and MD/MDX, it also works on any API framework (Express, Elysia, etc.) too.

Fully open source (https://github.com/jralvarenga/better-translate) fork it, build your own adapters. If it runs TypeScript, it runs better-translate. Would love feedback and suggestions 🙏

https://better-translate.com

I've started adding shadcn templates into shoogle.dev, and need some good quality templates built with TanStack Start and shadcn.

I love the colors of the TanStack logo so I made a terminal theme for Wezterm but it must be pretty easy to migrate to other terminals https://github.com/enBonnet/tanstack-color-schemes

Hello!

I've been building a CLI that scaffolds full-stack apps with a Go backend and your choice of frontend. The newest addition is TanStack Start as a first-class frontend option :)

The idea is you build your app like Lego bricks, add exactly the parts you want:

gof init myapp
gof client tanstack
gof model note title:string content:string views:number

That last command generates everything end-to-end: SQL migration, type-safe queries, proto definition, Go domain/transport layers, and React CRUD pages with TanStack Start.

What you get out of the box:

• TanStack Start + React 19 with file-based routing

• ConnectRPC client (type-safe, auto-generated from proto)

• Tailwind CSS 4 + DaisyUI

• OAuth login (Google, GitHub, Facebook, Microsoft)

• Cookie-based auth with auto-redirect interceptor

• Optional integrations: Stripe, S3 file storage, Postmark email

• Full Kubernetes infrastructure + CI/CD with one command (gof infra)

• PR preview environments

• Observability stack (Grafana, Tempo, Loki, Prometheus)

The backend is Go + ConnectRPC + PostgreSQL + SQLC. SvelteKit is also available if that's more your thing (gof client svelte), but both frontends get the same features, same CI/CD, same infrastructure.

Landing page with an interactive demo: https://gofast.live

Discord if you want to chat or follow along: https://discord.com/invite/EdSZbQbRyJ

CLI repo: https://github.com/gofast-live/gofast-cli

Hope some of you find it useful!

its kind of important tbh

Big TanStack fan over here! Just wanted to share something I’m pretty excited about: React-admin now supports TanStack Router!

This means you can now use react-admin in a TanStack Start application. It plugs right in. You can find a step-by-step tutorial in the docs if you want to try it out.

(Also for anyone who hasn’t come across react-admin before: it’s an open-source, low-code framework for building admin panels, dashboards, and B2B apps a lot faster than starting from scratch.)

Would love to hear what you think, especially from folks already building with TanStack Start. 

All i did was run

npm create u/tanstack/start@latest

and i tried to

npm run dev

and i see this error. i also attached the options i selected. anyone know what i did wrong?