Can I use this for Cloudflare Workers deployment?

Yes, the skill includes specialized scripts and configuration guides for deploying TanStack Start applications to Cloudflare Workers, including typegen for bindings.

Does it handle React hydration errors?

Yes, it includes a dedicated troubleshooting section for resolving hydration mismatches, especially when dealing with non-deterministic UI or data-only SSR.

How does this skill help with Next.js migrations?

It provides specific patterns and troubleshooting steps for translating Next.js file-based routes and API routes into TanStack's type-safe routing and server function architecture.

Is the routing truly type-safe?

Absolutely. It leverages TanStack Router's inference and Zod for validating search params and path parameters, ensuring errors are caught at compile time.

What is TanStack Start?

TanStack Start is a full-stack React framework built on TanStack Router, offering features like SSR, server functions, and file-based routing with a focus on type safety.

TanStack Start React Framework

Name: TanStack Start React Framework
Author: secondsky

bysecondsky

•

API Development

Builds type-safe, full-stack React applications with server functions and native Cloudflare Workers support.

This skill empowers Claude to architect, develop, and optimize full-stack applications using TanStack Start (RC). It provides a comprehensive playbook for implementing file-based routing, type-safe search parameters via Zod, and granular per-route SSR/CSR configurations. Whether you are migrating from Next.js, deploying to edge runtimes like Cloudflare Workers, or resolving complex hydration and data-fetching issues, this skill ensures production-ready patterns and type-safe infrastructure for modern React development.

Key Features

01Granular rendering control with per-route SSR, CSR, and SSG modes

0221 GitHub stars

03Advanced data management with server functions and TanStack Query bridges

04First-class Cloudflare Workers integration and automated binding generation

05File-based routing with deterministic matching and type-safe params

06Performance-focused navigation with intent-based preloading and route masking

Use Cases

01Migrating Next.js or React Router applications to a type-safe full-stack framework

02Developing high-performance React applications optimized for Cloudflare Edge deployment

03Debugging complex hydration mismatches and data synchronization errors in React apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills tanstack-start

For use in Claude.ai and ChatGPT

Download Skill