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
Localized Routing
Hello! I'm trying to figure out if there is any nice way to fix localized routing so instead of creating
en.blog.$postSlug.tsx AND blogg.$postSlug (lang param omitted for base locale) I would just create blogg.$postSlug which loads the same route file, but depending on URL passes down a locale param. I.e:
/en/blog/my-slug-here/ -> blog.$postSlug.tsx (lang: "en"; slug: my-slug-here)
/blogg/my-slug-here/ -> blog.$postSlug.tsx (lang: ""; slug: my-slug-here)
...Mutation on delete not updating `isPending`
We got this query hook:
```tsx
function useDeleteProjectStageTemplate({
editMode,
removeStageTemplate,...
Bundle splitting
Hi! I'm switching from using just
@tanstack/router to the @tanstack/start alpha, and I'm noticing a layout shift (elements jumping) on initial render. After investigating, I found that it's due to each CSS file being split into its own output — even for routes that aren't lazy-loaded.
I'm using CSS modules, and I noticed this behavior affects them too.
To address this, I disabled auto code splitting in my Vite config like so:...shadcn installation not working on template start-basic
Following form ShadCN docs https://ui.shadcn.com/docs/installation/tanstack is not working in a start app bootstrapped with the template "start-basic".
We could not detect a supported frameworkEnvironment variables in built application
Hi Tanner and friends–
I've been building a new web application using the latest version of tanstack start.
I've got a
.env file in my root directory and the vinxi dev command is able to read from it no issue...503: Converting Circular Structure to JSON
I am attempting to use query and start together with my REST api
1. Here I have built my server function
```
export const verifyEmailWithCodeFn = createServerFn({ method: 'POST', response: 'data' })...
Custom Server entry not working (alpha)
I am tying to get lingui working with tanstack alpha and require a custom server entry. which im setting in the tanstack vite plugin like so:
server: {
entry: './ssr.tsx',
},...
},...
Start + Supabase + Clerk + Drizzle
I'm trying to set up a tan stack start project for the first time. I have already set up clerk (actually used the clerk template from the docs) and also configured supabase + drizzle. It works just fine. The only issue I have before actually building the project is that when I activate RLS in supabase, I'm not sure how to setup the access token from clerk in my supabase config. I'm following the docs from supa:https://supabase.com/docs/guides/auth/third-party/clerk#setup-the-supabase-client-libr...
How to debug/optimise Tanstack Start Client Bundle
i am a bit confused why i have a 2MB bundle in my client -- is there any suggested steps to debug this to see what is causing this?
Thanks!...
Start app with a dynamic base path
Hi everyone! I've been stuck on this issue for a while and could really use some guidance.
I'm trying to build my app with a Node target and make the same build work seamlessly with any base URL.
The base URL is defined by an environment variable (BASE_URL). Here are some examples of what I'm aiming for:
- If BASE_URL=/toto/, the app should run at example.com/toto....
How to specify hmr port?
My use case would be to permit it in the CSP during dev.
I see that all of the vite/vinxi configuration options to define the host/port are omitted in the start types....
Controlling route and component rendering
Hey! I really like the framework, you guys are doing amazing work! But either the docs are really bad or I'm too dumb for them. A lot of questions I have I can't seem to find in the docs.
So i have a few questions I spent over an hour trying to figure out and couldn't if anyone would be so kind:
- What is the state of SPA? Can I set a route to be only client rendered? Can I set an entire path to be Client rendered only (i.e /app/*)? The only thing I found is the ClientOnly component from router.
- What is the state of static generation? One just needs to define this inside the config file right? Thats it. I imagine no plans on changing this to nextjs style format where magic exports from route files control it? Just checking. Also no server components here which means entire page will still need to be hydrated even if its 90% static right?...
React Example: Start Basic Auth BUG ?
I just cloned the
Tanstack Start BASIC + Auth
```
npx gitpick TanStack/router/tree/main/examples/react/start-basic-auth start-basic-auth
cd start-basic-auth...Unstyled flash after navigating away from errorComponent?
- Initially rendered errorComponent: Error which somehow ran fine.
- Shortly after implementing tsquery, my CSS stopped working in errorComponent.
- Saw that none of the head content was rendering in the error component anymore.
- Went through docs and realized I was apparently supposed to wrap a <RootDocument> around the errorComponent, so I put that up.
...
Readable from stream
Is there a way to know where this error came from? I can't find any info about it
`defaultPreload: "intent"` executes the `__root` 's `beforeLoader` on every single Link hover
How can I improve this? I don't want to run a server function on every single hover and also when accessing the link - are there any practices around this?