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
Any resources or guidance for rolling out our own Skew Protection?
We're on AWS (EC2 unfortunately, not Amplify -- which does support skew protection), deploying using Node (Nitro V2).
Hoping to get some guidance, be it official or from the community, on how this is dealt with. Thanks!...
websocket + tanstack start
is there a way to integrate websocket with tanstack start, i couldn't find any example
Error: No Output Directory named "dist" found after the Build completed. Configure the Output Direct
i got this error after my last commit and i don't know why (i'm using vercel)
Getting a response from the Tanstack Start without a network request
Hello all,
I am creating a server route that needs to fetch some of the webpages / assets Is there something I can read the reesponse generated from TanStack Start, without a network request? Something like,
```js
const htmlResponse = await getTanstackStartResponse('/about.html')...
Expected component re-render behaviour on search params change
Hey everyone, I’ve got a question about navigation and component re-renders in TanStack Start.
In one of my routes I have three components:
1. A button that adds a search param (e.g. page=2) using
navigation function returned by useNavigate hook
2. A component that displays the current page search param. I get the value by using useSearch hook....createServerFn
I need to set a session with the use of useSession to store a quizId, so that my quiz app can get the quiz from that cookie id. I'm using convex, with better-auth (and convex-better-auth).
So what's the Tanstack way of doing this:
- upon clicking a button to create a new quiz > use convex's useMutation to create the quiz > call serverFn to set the quizId in the cookie, OR
- upon clicking a button to create a new quiz > call serverFn (with useServerFn) to create the quiz, with using a new ConvexHttpClient and IN the serverFn and set the cookie with the created quizId....
How can I call the Supabase Function inside the component (not the start .tsx)?
I have index.tsx like this
import MediaBackgroundC from "@/components/index_c/media_background_c/MediaBackgroundC";
import RecommendedListC from "@/components/index_c/recommended_list_c/RecommendedListC";
import { adsFn } from "@/z_data/supa.data/ad.data";...
getRequest import?
Hello! I'm trying to use Better Auth's server side auth.api.getSession, and it needs the request headers passed in. I see the documentation for server functions mentions a
getRequest() function, but I cannot find for the life of me where to import that fromStatic server function not found
Hi, I am trying to use https://tanstack.com/start/latest/docs/framework/react/guide/static-server-functions#what-are-static-server-functions
But after trying it I see that client tries to get this data but receives not found
...
Nitro v3 not working
Hi! I'm trying to use Nitro v3 with TanStack Start but running into a package.json imports issue.
Error:
TypeError [ERR_PACKAGE_IMPORT_NOT_DEFINED]: Package import specifier "#tanstack-router-entry" is not defined in package /app/.output/server/node_modules/@tanstack/start-server-core/package.json imported from /app/.output/server/node_modules/@tanstack/start-server-core/dist/esm/createStartHandler.js
Setup:
TanStack Start 1.136.6...
solved: Vercel server function error
Server function works locally. Doesn't work on vercel deployment
```bash
Failed to load resource: the server responded with a status of 500 ()
main-BN8Tzpo7.js:25 Uncaught (in promise) Error: Server function info not found for 3e7b88163a62092eacfc153c4b8fa06431688a88e8ca2957733b9845b3595fe5...
Server Routes don't show response data when status code is 404
```ts
import { createFileRoute } from "@tanstack/react-router";
export const Route = createFileRoute("/test")({
server: {...
Best practice for error handling
I am thrilled that tanstack start offers a bunch of options for error handling and I need to get my head around this.
I wonder what is the best practice for this scenario:
1. Option:...
How to return response headers with a page?
How do I set response headers e.g cache control for a SSR route? The page is currently being rendered upon each request.
SSR disabling doesn't work
I'd like to generate blog during the build and never refetch this data again (SSG / prerender or however u wanna call it)
With this configuration every after running
pnpm build && pnpm serve each request still triggers this 5s timeout so ssr wasn't disabled for some reason. Am I doing something wrong?
```ts
export const Route = createFileRoute("/blog")({...pendingComponent, Loader, ensureQueryData — What’s happening with navigation?
Hey! I’m seeing a noticeable delay when navigating between routes that have a loader doing a query prefetch. The route does have a
pendingComponent, but when I click to navigate, the browser immediately updates the URL while the actual screen only switches ~1 second later
Is this expected behavior with the combination of pendingComponent + loader + ensureQueryData? Or does this indicate some issue in my setup?
And if this is the expected flow, is there any recommended approach to make the navigation feel more fluid?...Is the `.inputValidator` on server functions only meant to be used for type validation?
I am trying to use the
.inputValidator with zod to validate my input but when the input is invalid it throw and when I catch this inside of my component code the entire zod array of errors are serialized instead of showing up as an array. Is this the normal behavior and also why is there nothing in the documentation mentioning this if it is?
```tsx
import { createFileRoute, Link } from '@tanstack/react-router'
import { createServerFn } from '@tanstack/react-start'...How to integrate Decap CMS with Netlify?
I have created a tanstack Start app using:
npx create-tsrouter-app@latest --template file-router --add-ons tanchat,netlify
...
Migrating tanstack-router CSR app to start
Hi, I am planning to implement a blog on my pure react tanstack router app and I'd like to use static site generation and rebuilding the project once in a while when I release new blogs. Is there a way to do it using tanstack start without a need to refactor all the logic around? Just
www.example.com/blog/$slug using SSG and rest stays the same?
If so where do I start?...Necessity of Auth Middleware
I'm following https://tanstack.com/start/latest/docs/framework/react/examples/start-basic-auth, on how to set up my own auth.
I noticed that in the example there is no auth middleware being used, particularly the fetchPosts and fetchPost functions.
We are only checking for user in _authed.tsx like this
```ts...