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.