tanstack-start

Create and deploy full-stack React applications with TanStack Start.

3|1|Updated Dec 21, 2025
One-click install
npx skills add https://github.com/ferdousbhai/cloud-fullstack-skills --skill tanstack-start-ferdousbhai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/ferdousbhai/cloud-fullstack-skills/tree/main/plugins/tanstack-start/skills/tanstack-start
Command: npx skills add https://github.com/ferdousbhai/cloud-fullstack-skills --skill tanstack-start-ferdousbhai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the development of modern full-stack React applications by providing a cohesive framework for routing, server functions, and deployment.

Core Features & Use Cases

  • Full-Stack React: Build complete applications with a single framework.
  • Server Functions: Write server-side logic that's callable from your React components and loaders.
  • File-Based Routing: Define routes by organizing files in your src/routes/ directory.
  • SSR & Vite Bundling: Optimized for Server-Side Rendering with Vite for fast builds.
  • Cloudflare Workers Deployment: Seamless deployment to Cloudflare's serverless platform.
  • Use Case: Develop a new full-stack web application with features like user authentication, dynamic content loading, and API endpoints, all within a unified React ecosystem and deploy it efficiently to Cloudflare.

Quick Start

Create a new TanStack Start project using the provided command.

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 application with server functions and SSR?▼

Build full-stack React applications using the TanStack Start framework, which enables server functions callable from components, Server-Side Rendering, and Vite bundling within a unified ecosystem.

Can I deploy a React application with file-based routing to Cloudflare Workers?▼

Yes, you can deploy React applications with file-based routing to Cloudflare Workers. The framework provides seamless deployment to Cloudflare's serverless platform alongside its routing and bundling features.

How do server functions work in a React application using TanStack?▼

Server functions in TanStack Start allow you to write server-side logic that is directly callable from your React components and loaders, bridging the client-server divide without separate API endpoints.

What is the best way to add user authentication to a full-stack React app?▼

Integrate user authentication into your full-stack React app using Better-Auth. This framework provides built-in integration with Better-Auth for comprehensive application development alongside TanStack Router and Query.

Does the TanStack Start framework support Vite for bundling?▼

Yes, TanStack Start supports Vite for bundling. It is optimized for Server-Side Rendering with Vite, ensuring fast builds while managing your full-stack React application architecture.

How do I structure routes in a full-stack React project using TanStack?▼

Define routes in TanStack Start using file-based routing. You organize your application's routes by creating and structuring files within the `src/routes/` directory of your project.