tanstack-start

Build full-stack React applications with TanStack Start using SSR, server functions, and middleware.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/firstaxel/neon --skill tanstack-start-firstaxel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/firstaxel/neon/tree/main/.agents/skills/tanstack-start
Command: npx skills add https://github.com/firstaxel/neon --skill tanstack-start-firstaxel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building full-stack React applications requires wiring together routing, server-side rendering, type-safe RPC calls, authentication middleware, and deployment configuration, which is error-prone when done manually. ## Core Features & Use Cases - Server Functions: Create type-safe RPC endpoints with createServerFn, Zod validation, and GET/POST method semantics for data fetching and mutations. - Middleware & Auth: Compose middleware chains for authentication, logging, and role-based access with typed context passing. - SSR & Deployment: Configure streaming SSR with deferred data loading and deploy to Node, Vercel, Netlify, Cloudflare, AWS Lambda, Deno, or Bun via Nitro presets. - Use Case: Scaffold a dashboard app where an auth middleware guards admin routes, server functions fetch and mutate database records with Zod validation, and the app streams slow data with defer() before deploying to Vercel. ## Quick Start Set up a TanStack Start project with a root route, a validated server function for creating users, and an auth middleware that redirects unauthenticated requests.

Frequently Asked Questions about tanstack-start

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a server function in TanStack Start?▼

Use createServerFn from @tanstack/react-start and chain a handler containing your server logic. Add a validator for typed input, optionally with Zod, and use method POST for mutations while the default GET suits cacheable data fetching.

How do I add authentication middleware in TanStack Start?▼

Create middleware with createMiddleware, read the request via getWebRequest, verify the session, and throw a redirect when unauthenticated. Pass the user through next({ context }) so downstream handlers receive typed context.

Does TanStack Start support deployment to Vercel or Cloudflare?▼

Yes, TanStack Start deploys through Nitro presets set in app.config.ts under server.preset. Supported targets include node-server, vercel, netlify, cloudflare-pages, aws-lambda, deno-server, and bun.

Why does my TanStack Start server function fail with client variables?▼

Server functions are extracted into separate bundles, so they cannot close over client-side variables. Pass all required data through the validator input, and ensure returned values are serializable.

Does TanStack Start support React Server Components?▼

React Server Components support is in active development and planned as a non-breaking v1.x addition. The current release candidate focuses on SSR, streaming, server functions, and API routes.