TanStack Start
Build full-stack React applications with TanStack Start on Cloudflare Workers. Type-safe routing, server functions, SSR/streaming, and seamless D1/KV/R2 integration. Use when: building full-stack React apps, need SSR with Cloudflare Workers, want type-safe server functions, or migrating from Next.js. RC status - v1.0 stable pending. Monitor tanstack/router#5734 (memory leak) before production use.
Best use case
TanStack Start is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Build full-stack React applications with TanStack Start on Cloudflare Workers. Type-safe routing, server functions, SSR/streaming, and seamless D1/KV/R2 integration. Use when: building full-stack React apps, need SSR with Cloudflare Workers, want type-safe server functions, or migrating from Next.js. RC status - v1.0 stable pending. Monitor tanstack/router#5734 (memory leak) before production use.
Teams using TanStack Start should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/tanstack-start/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How TanStack Start Compares
| Feature / Agent | TanStack Start | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Build full-stack React applications with TanStack Start on Cloudflare Workers. Type-safe routing, server functions, SSR/streaming, and seamless D1/KV/R2 integration. Use when: building full-stack React apps, need SSR with Cloudflare Workers, want type-safe server functions, or migrating from Next.js. RC status - v1.0 stable pending. Monitor tanstack/router#5734 (memory leak) before production use.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# TanStack Start Skill [DRAFT - NOT READY] ⚠️ **Status: Release Candidate - Monitoring for Stability** This skill is prepared but NOT published. Waiting for: - ⏸️ v1.0 stable release (currently RC v1.136.9 as of 2025-11-18) - ❌ GitHub #5734 resolved (memory leak with TanStack Form - OPEN as of 2025-11-02) - ⏸️ Critical bugs stabilization period - ⏸️ Template/reference content creation **Current Package:** `@tanstack/react-start@1.136.9` (Nov 18, 2025) **DO NOT USE IN PRODUCTION YET** - RC status, active memory leak issue --- ## Skill Overview TanStack Start is a full-stack React framework with: - Client-first architecture with opt-in SSR - Built on TanStack Router (type-safe routing) - Server functions for API logic - Official Cloudflare Workers support - Integrates with TanStack Query --- ## When v1.0 Stable This skill will provide: - Cloudflare Workers + D1/KV/R2 setup - Server function patterns - SSR vs CSR strategies - Migration guide from Next.js - Known issues and solutions --- ## Monitoring Track stability at: `planning/stability-tracker.md` **Check weekly:** - Package: `npm view @tanstack/react-start version` - [TanStack Start Releases](https://github.com/TanStack/router/releases) - [Issue #5734](https://github.com/TanStack/router/issues/5734) - Memory leak blocker --- ## Installation (When Ready) ```bash npm create cloudflare@latest -- --framework=tanstack-start ``` --- **Last Updated:** 2025-11-18 **RC Announced:** September 22, 2025 **Expected Stable:** Pending issue #5734 resolution + final RC feedback
Related Skills
TanStack Table
Build headless data tables with TanStack Table v8. Provides server-side pagination, filtering, sorting, and virtualization patterns for Cloudflare Workers + D1 databases. Use when building tables with large datasets, coordinating with TanStack Query, or troubleshooting state management issues, pagination coordination errors, or performance bottlenecks.
TanStack Router
Build type-safe, file-based React routing with TanStack Router. Supports client-side navigation, route loaders, and TanStack Query integration. Use when implementing file-based routing patterns, building SPAs with TypeScript routing, or troubleshooting devtools dependency errors, type safety issues, or Vite bundling problems.
tanstack-query
Manage server state in React with TanStack Query v5. Set up queries with useQuery, mutations with useMutation, configure QueryClient caching strategies, implement optimistic updates, and handle infinite scroll with useInfiniteQuery. Use when: setting up data fetching in React projects, migrating from v4 to v5, or fixing object syntax required errors, query callbacks removed issues, cacheTime renamed to gcTime, isPending vs isLoading confusion, keepPreviousData removed problems.
zustand-state-management
Build type-safe global state in React applications with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR. Use when setting up React state, migrating from Redux/Context API, implementing localStorage persistence, or troubleshooting Next.js hydration errors, TypeScript inference issues, or infinite render loops.
zinc-database
Access ZINC (230M+ purchasable compounds). Search by ZINC ID/SMILES, similarity searches, 3D-ready structures for docking, analog discovery, for virtual screening and drug discovery.
zarr-python
Chunked N-D arrays for cloud storage. Compressed arrays, parallel I/O, S3/GCS integration, NumPy/Dask/Xarray compatible, for large-scale scientific computing pipelines.
youtube-transcript
Download YouTube video transcripts when user provides a YouTube URL or asks to download/get/fetch a transcript from YouTube. Also use when user wants to transcribe or get captions/subtitles from a YouTube video.
xlsx
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
wordpress-plugin-core
Build secure WordPress plugins with core patterns for hooks, database interactions, Settings API, custom post types, REST API, and AJAX. Covers three architecture patterns (Simple, OOP, PSR-4) and the Security Trinity. Use when creating plugins, implementing nonces/sanitization/escaping, working with $wpdb prepared statements, or troubleshooting SQL injection, XSS, CSRF vulnerabilities, or plugin activation errors.
whisper
OpenAI's general-purpose speech recognition model. Supports 99 languages, transcription, translation to English, and language identification. Six model sizes from tiny (39M params) to large (1550M params). Use for speech-to-text, podcast transcription, or multilingual audio processing. Best for robust, multilingual ASR.
weights-and-biases
Track ML experiments with automatic logging, visualize training in real-time, optimize hyperparameters with sweeps, and manage model registry with W&B - collaborative MLOps platform
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.