react-query-questions
solid-query-questions
table-questions
virtual-questions
router-questions
react-charts-questions
ranger-questions
vue-query-questions
svelte-query-questions
bling-questions
form-questions
angular-query-questions
start-questions
db-questions
start-showcase
router-showcase
📣-announcements
Cloudflare Prerendering
I noticed there aren't any specific instructions on Cloudflare prerendering.
When I followed the Cloudflare guide and then enabled prerendering, I got build errors about compatibilityFlags.
I was able to remove the cloudflare() plugin and then use this wrangler.jsonc:...
Router Level Redirects
Hey I'm migrating from Next.js and was wondering if it is possible to perform redirects at the router level, in the same way that rewrites can be set up at the createRouter level.
https://nextjs.org/docs/app/api-reference/config/next-config-js/redirects
Is this something that could be set up on the createRouter?...
Why do I get a flash of unstyled content (FOUC) when SSR is enabled in TanStack Start?
Hey everyone! I migrated a project from Next TanStack Start and I noticed something confusing with SSR.
• When I set ssr: false for a route/component, the page loads normally and fully styled, even on refresh. (expected)
• But when ssr: true, the page first loads without any styles (unstyled HTML), and then after hydration the styles appear. It feels like a flash of unstyled content.
I always thought SSR will send fully styled HTML from the server, so the page appears complete immediately. Is this expected behavior with TanStack Start?...
Can’t run example locally
https://tanstack.com/start/latest/docs/framework/react/examples/start-basic-rsc
Received error similar to https://discord.com/channels/719702312431386674/1393515608817274940/1393864579372548186
Specifically
http://localhost:3000/posts...Remove default TanStack devtools panels
Is there a way to remove the "Social Previews" tab, as well as the Plugin Marketplace tab from within dev tools? We're some local dev tools with these packages and it would be nice to remove some of these for our team.
When to opt for trpc mutation or use a server function
I'm writing a new application and I'm not sure whether to use/make a trpc mutation or a serverfunction for simple db updates.
I would appreicate any guidance...
TanStack Start does not expose Node’s raw req/res
After upgrading from @tanstack/react-start 1.131.x to 1.132.10, getEvent() is no longer exported from @tanstack/react-start/server.
Previously there was getEvent() function to access Node req/res via event.node.req and event.node.res
```
import { getEvent } from '@tanstack/react-start/server'
...
Render some component on client with useEffect
I have a component NavBar which I want to be client component inside route '/' which needs to be ssr. How to achieve this in tanstack-start?
Building dynamic routes from remote data (start-manifest-plugin error)
Hello! I’m tinkering with Start to free my team from Next.js 😁
I want to programmatically create routes based on data from a remote service, such as a CMS, using the same page template for every route.
Initially, I attempted this with virtual file routes:...
Documentation on static assets + image optimization
I now try to develop some basic website using tanstack start.
For that i need to handle static assets, such as images.
I am still relatively new to web pages development and I would really like to see how to handle static assets with TanStack Start.
What i am saying is that docs are missing for that part. I see that we have
public directory with static assets alongside src which is then copied to dist/client and .output/public folders. I could really use some clarification on why and how that happens (i am interested more in "why").
...Lint errors on new Tanstack Start project
Running lint on new Tanstack project (v 1.133.13) gives me these errors:
```0:0 error Parsing error: "parserOptions.project" has been provided for @typescript-eslint/parser.
The file was not found in any of the provided project(s): eslint.config.js
0:0 error Parsing error: "parserOptions.project" has been provided for @typescript-eslint/parser....
Mounting an Effect HTTP API
Hi, I'm wondering if anyone has tried to mount an Effect HTTP API within a TanStack Start server route? If so, I'd be greatly appreciative of any guidance!
Error => Cannot GET /
When trying to run a built version of TanStack Start, I'm just getting
Cannot GET /. Everything is working with vite dev and vite build, but even though vite preview boots up error free, navigatin to the page results in said error. This is the same for any route.
I haven't added any custom code. Here are the repro steps.
- pnpm create @tanstack/start@latest...Easy way to tell "loader" to not worry if value returned is actually serializable
We sometimes return complex objects with some values typed as "unkown" which the loader does not like at all. Is there an easy way to cast or tell the loader to ignore the fact that the returned value is not serializable?
How to access query client instance outside of the router's context?
The generated project creates an instance of query client in the getRouter func and adds it to the context so that we can access it in loader, etc. How can i access this instance from somewhere else?
how to integrate tanstack db with tanstack start in spa mode?
The problem i am facing is when using createCollection with queryCollectionOptions, i dont know where to get the queryClient.
Static site generation
https://x.com/tannerlinsley/status/1887914853215649947
How can I do static site generation (html files) when deplyong to Vercel?
I'm aware of this https://tanstack.com/start/latest/docs/framework/react/guide/static-prerendering but it seems to only work when I do NOT use the nitro plugin on vite.config.ts...
Lexical import breaks app in production
I'm using lexical as rich text editor, and when the app is deployed to lambda + cloudfront I get the following error:
"errorType":"Error","errorMessage":"Cannot find module '/var/task/node_modules/@lexical/react/LexicalComposer.node.mjs' imported from /var/task/index.mjs","trace":["Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/var/task/node_modules/@lexical/react/LexicalComposer.node.mjs' imported from /var/task/index.mjs"," at finalizeResolution (node:internal/modules/esm/resolve:287:11)"," at moduleResolve (node:internal/modules/esm/resolve:956:10)"," at moduleResolveWithNodePath (node:internal/modules/esm/resolve:1192:14)"," at defaultResolve (node:internal/modules/esm/resolve:1235:79)"," at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:642:12)"," at #cachedDefaultResolve (node:internal/modules/esm/loader:591:25)"," at ModuleLoader.resolve (node:internal/modules/esm/loader:574:38)"," at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:236:38)"," at ModuleJob._link (node:internal/modules/esm/module_job:130:49)"]}
Any idea on what's wrong?...
Help needed! I'm writing a blog post comparing nine frameworks
Last month I wrote a blog post "React Won by Default", and I am now writing a follow up post.
In the new post, I've built a kanban app in nine frameworks for comparison purposes. One of the apps is built with Tanstack Start. I did the best I could, but I'm not an experienced Tanstack Start dev. I'm hoping someone will be willing to review my Tanstack Start code to make sure I'm using framework conventions and optimizations correctly.
One of my goals is small bundles, so if anyone can improve the app on that metric that would be great. ...
createTRPCContext vs createTRPCReact
Greetings.
So, I recently started building my first fullstack app with TanStack Start. I've been using little bit of docs and AI to understand how things work.
Recently I've come across rather a strange error / issue. Within various github examples that use tech stack similar to what I've chosen, I've noticed devs have created TRPC context using
createTRPCReact instead of createTRPCContext (example repo: https://github.com/tinrab/tanstack-start-trpc/blob/main/app/trpc/client.ts, https://github.com/TanStack/router/blob/main/examples/react/with-trpc/src/trpc.ts old but relevant). However, when I initilized a fresh tanstack start app, I got one already created with createTRPCContext and that from @trpc/tanstack-react-query. I don't know but perhaps, due to this, I am unable to call useMutation hook....