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 |
Related skills
More from wcygan/dotfiles
competitor-analysis
>
16business-review
>
12ux-review
>
12zed-config
>
12zellij-guide
All-in-one Zellij terminal multiplexer guide. Use when the user asks about Zellij keybindings, configuration, layouts, plugins, sessions, CLI commands, or troubleshooting. Also use when helping with dotfiles config at ~/Development/dotfiles/config/zellij/.
11api-workshop
>
11