tanstack-start
TanStack Start is a full-stack React framework built on TanStack Router, offering granular control over rendering modes at the route level—choose SSR, CSR, or data-only rendering per route. It includes file-based routing, typed server functions, and first-class Cloudflare Workers support for edge deployment. Ideal for greenfield apps, Next.js migrations, or teams needing predictable routing with type-safe parameters and built-in data preloading.
TanStack Start enables full-stack React development with per-route server-side rendering control and Cloudflare Workers support.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-25
TanStack Start enables full-stack React development with per-route server-side rendering control and Cloudflare Workers support. TanStack Start is a full-stack React framework built on TanStack Router, offering granular control over rendering modes at the route level—choose SSR, CSR, or data-only rendering per route. It includes file-based routing, typed server functions, and first-class Cloudflare Workers support for edge deployment. Ideal for greenfield apps, Next.js migrations, or teams needing predictable routing with type-safe parameters and built-in data preloading.
Use it when
- TanStack Start supports migration from Next.js through its file-based routing system and typed server functions.
- Yes, TanStack Start includes typed server functions with first-class Cloudflare Workers support for edge deployment.
Verify before relying
Read SKILL.md below before installing (10 files). Open directory: indexed for reading, not audited.
Install
secondsky/claude-skills/tanstack-start · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is TanStack Start and how does it differ from Next.js?
TanStack Start is a full-stack React framework built on TanStack Router that gives you granular control over rendering modes at the route level. Unlike Next.js, TanStack Start lets you choose SSR, CSR, or data-only rendering per individual route, giving you finer-grained control over your app's behavior. It includes file-based routing, typed server functions, and first-class Cloudflare Workers support for edge deployment. TanStack Start is ideal for teams needing predictable routing with type-safe parameters and built-in data preloading.
How can I migrate from Next.js to TanStack Start?
TanStack Start supports migration from Next.js through its file-based routing system and typed server functions. You can incrementally adopt TanStack Start's per-route SSR/CSR control to replace Next.js's global rendering strategy. The framework's type-safe routing with validated search parameters and loaders helps prevent common routing issues. Start by mapping your Next.js pages to TanStack Start's file-based structure, then leverage server functions for data fetching instead of getServerSideProps or getStaticProps.
Does TanStack Start support server functions and Cloudflare Workers?
Yes, TanStack Start includes typed server functions with first-class Cloudflare Workers support for edge deployment. You can deploy your full-stack React app directly to Cloudflare Workers, and TanStack Start handles the integration seamlessly. Server functions are fully typed, enabling type-safe communication between your client and server code. Cloudflare bindings setup is straightforward, allowing you to access Cloudflare services like KV, D1, and R2 from your server functions.
How do I control SSR and CSR rendering on a per-route basis?
TanStack Start lets you configure rendering mode per route through its route configuration. You can choose SSR for routes needing server-side rendering, CSR for client-side rendering, or data-only rendering when you only need to fetch data server-side. This granular control means you avoid the all-or-nothing rendering strategy of other frameworks. Use route-level settings to optimize each page's performance and user experience independently.
What should I do to fix hydration errors in TanStack Start?
TanStack Start's type-safe routing and per-route rendering control help prevent hydration errors by ensuring server and client render the same content. If you encounter hydration issues, verify that your route's rendering mode (SSR/CSR) matches your data-fetching strategy. Use TanStack Start's router devtools to debug routing and state mismatches. Ensure search parameters are validated consistently and that loaders provide the same data to both server and client renders.
How does TanStack Start handle type-safe routing and search params?
TanStack Start provides type-safe routing with validated search parameters and loaders built into its route system. Define your route schemas with full TypeScript support, and TanStack Start automatically validates search params at runtime. Loaders let you fetch and validate data server-side before rendering, ensuring type safety across the full stack. This approach prevents routing bugs and makes refactoring safer by catching parameter mismatches at compile time.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
TanStack Start (React) — RC-Ready Playbook
Full-stack React on TanStack Router with per-route SSR/CSR, file-based routing, server functions, and first-class Cloudflare Workers support.
Use this skill when
- Building a greenfield React app that needs route-level SSR/CSR/SSG switches.
- Migrating from Next.js/React Router while keeping file-based routing + API routes.
- Shipping to edge runtimes (Workers) with typed server functions and bindings.
- You want predictable routing with type-safe
(truncated - see the full file via the links below)
File tree — 10 files
plugins/tanstack-start/skills/tanstack-start/SKILL.md
plugins/tanstack-start/skills/tanstack-start/references/cloudflare-hosting-and-env.md
plugins/tanstack-start/skills/tanstack-start/references/devtools-and-llm-support.md
plugins/tanstack-start/skills/tanstack-start/references/execution-and-auth.md
plugins/tanstack-start/skills/tanstack-start/references/navigation-and-preloading.md
plugins/tanstack-start/skills/tanstack-start/references/quickstart-and-layout.md
plugins/tanstack-start/skills/tanstack-start/references/rendering-modes.md
plugins/tanstack-start/skills/tanstack-start/references/routing-and-data-loading.md
plugins/tanstack-start/skills/tanstack-start/references/server-functions-and-middleware.md
plugins/tanstack-start/skills/tanstack-start/scripts/bootstrap-cloudflare-start.sh
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Build or migrate to a full-stack React app with per-route SSR/CSR control”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
TanStack Router delivers fully type-safe routing for React applications using file-based route organization and automatic tree generation. It includes first-class search parameter validation, integrated data loading with loaders and deferred streaming, and deep TypeScript support throughout.
Tanstack Router delivers file-based routing for React with full type safety, route-level data loading, and search parameter validation. It handles code splitting, preloading strategies, and integrates seamlessly with TanStack Query for efficient data management. Use it to build structured navigation with automatic type inference for params, search values, and loader data.
TanStack Router delivers type-safe, file-based routing for React single-page applications with automatic route generation and TypeScript validation. It includes built-in route loaders for data fetching, seamless TanStack Query integration, and first-class support for Cloudflare Workers deployment.
Tanstack Start provides comprehensive guidelines for building full-stack React applications with patterns covering server functions, middleware, authentication, and SSR. The skill organizes best practices across critical, high, and medium-priority categories to help you handle data mutations, secure routes, manage sessions, and deploy confidently.
TanStack Start scaffolds production-ready full-stack applications on Cloudflare Workers from scratch, with server-side rendering, file-based routing, and integrated authentication. Every file is generated fresh—no templates or clones—using React 19, Tailwind v4, shadcn/ui, D1 databases, Drizzle ORM, and better-auth for OAuth and email/password flows.
Tanstack Start combines React with TanStack Router to build full-stack applications featuring type-safe RPC server functions, server-side rendering with streaming, and middleware composition. Deploy to Cloudflare Workers, Vercel, Netlify, AWS Lambda, and other platforms with built-in support for authentication, API routes, and session management.
More skills Tanstack Start (unlicensed) · bun-tanstack-start (MIT) · Tanstack Router (unlicensed) · Tanstack Integration (unlicensed) · tanstack-start (MIT)