tanstack-start
Installation
SKILL.md
TanStack Start
TanStack Start is a full-stack React framework built on TanStack Router + Vite + Nitro. It provides file-based routing, server functions (RPC), SSR/SPA/static modes, and deploys anywhere (Cloudflare, Netlify, Vercel, Node, Bun).
Core API Quick Reference
| API | Purpose |
|---|---|
createFileRoute('/path') |
Define a route with loader, component, head |
createRootRoute() / createRootRouteWithContext() |
Root layout route |
createRouter({ routeTree, context }) |
App router instance |
createServerFn({ method: 'GET'|'POST' }) |
Server-only RPC function |
createMiddleware() |
Request or function middleware |
useSession() |
Cookie-based server session |
Route.useLoaderData() |
Access route loader return value |
useNavigate() |
Programmatic navigation |
<Link to="/path"> |
Type-safe navigation link |
redirect({ to, throw: true }) |
Redirect (throw inside loader/beforeLoad) |
notFound({ throw: true }) |
Trigger 404 boundary |