TanStack Start

Bootstrap and maintain TanStack Start full-stack React apps on Cloudflare Workers.

18|4|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/ataschz/tanstack-start-mastra-example --skill tanstack-start-ataschz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: TanStack Start
Source: https://github.com/ataschz/tanstack-start-mastra-example/tree/main/.agents/skills/TanStack%20Start
Command: npx skills add https://github.com/ataschz/tanstack-start-mastra-example --skill tanstack-start-ataschz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams rapidly bootstrap and maintain full-stack React applications on Cloudflare Workers using TanStack Start, addressing a spectrum of integration, deployment, and performance challenges.

Core Features & Use Cases

  • Type-safe routing, SSR/streaming, and server functions for edge-ready React apps.
  • Cloudflare integration with D1/KV/R2 persistence and modern deployment workflows, including migration from Vinxi to Vite.
  • Real-world scenarios include migrating existing apps, building new edge-first apps, and optimizing for streaming UI.

Quick Start

Create a new TanStack Start project on Cloudflare Workers, install dependencies, and run the development server using the standard Cloudflare Starter commands:

  • Create a new app: npm create cloudflare@latest my-app -- --framework=tanstack-start
  • Enter the directory: cd my-app
  • Install dependencies: npm install
  • Run development server: npm run dev

Frequently Asked Questions about TanStack Start

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a full-stack React app on Cloudflare Workers?

To build full-stack React apps on Cloudflare Workers, you can bootstrap a TanStack Start project using the Cloudflare starter commands, which configures type-safe routing, server functions, and edge-ready deployment.

Can I deploy TanStack Start applications with Cloudflare D1, KV, and R2 bindings?

Yes, TanStack Start applications support direct integration with Cloudflare D1, KV, and R2 bindings, enabling edge-enabled persistence and modern deployment workflows across development and production environments.

What is the best way to migrate a TanStack Start project from Vinxi to Vite?

Migrating a TanStack Start project from Vinxi to Vite involves updating your build configuration to leverage Vite's edge-enabled capabilities, ensuring your full-stack React app remains optimized for Cloudflare Workers deployment.

Does TanStack Start support SSR and streaming UI for edge-ready React apps?

Yes, TanStack Start supports SSR and streaming UI mechanisms for edge-ready React apps, allowing you to implement server functions that render and stream content efficiently on Cloudflare Workers.

What do I need to set up before bootstrapping a TanStack Start project on Cloudflare?

Before bootstrapping, you need a working Node.js environment, an existing or new TanStack Start project, and valid Cloudflare credentials with proper environment configuration to deploy edge-enabled apps.

Why use TanStack Start for edge-first React applications instead of other frameworks?

TanStack Start provides type-safe routing, server functions, and native Cloudflare bindings for edge-first React applications, solving integration and performance challenges for full-stack development.

Related Skills