tanstack-start

Automate bootstrapping full-stack React apps with TanStack Start SSR and streaming.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/bartolomeomueller/hr --skill tanstack-start-bartolomeomueller
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/bartolomeomueller/hr/tree/main/.agents/skills/tanstack-start
Command: npx skills add https://github.com/bartolomeomueller/hr --skill tanstack-start-bartolomeomueller

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start addresses the challenge of bootstrapping and maintaining robust full-stack React apps with server rendering, streaming, server functions, and flexible deployment across hosting providers.

Core Features & Use Cases

  • SSR and streaming: fast initial render with live data streaming where supported.
  • Server functions and middleware: type-safe RPC, secure routes, and composable middleware.
  • Nitro-backed deployment presets: deploy to Node.js, Vercel, Netlify, Cloudflare Pages, and more.
  • TanStack Router integration: cohesive routing with route trees and SSR support.

Quick Start

Install the TanStack Start CLI and scaffold a new app to begin building a full-stack React app with SSR.

Frequently Asked Questions about tanstack-start

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

FAQPage Schema
How do I bootstrap a full-stack React app with SSR and server functions?

To bootstrap a full-stack React app with SSR, you can use an automation tool that scaffolds the project with Vite, configures server routes, and integrates TanStack Router. This provides a modular structure with type-safe RPC and streaming for rapid iteration.

Does TanStack Start support deployment to Cloudflare Pages and Vercel?

Yes, TanStack Start supports deployment to Cloudflare Pages and Vercel through Nitro-backed deployment presets. These presets enable flexible hosting across various providers, allowing you to deploy full-stack React applications with SSR to your preferred environment.

What is the best way to structure a scalable React application using server routes?

The best way to structure scalable React applications with server routes is using a modular project structure orchestrated with TanStack Start. This approach integrates cohesive route trees, composable middleware, and server functions to maintain robust full-stack architecture.

Can I use Vite with TanStack Router for server-side rendering?

Yes, you can use Vite with TanStack Router for server-side rendering. TanStack Start applies Vite compatibility to orchestrate cohesive routing with route trees, ensuring fast initial render and live data streaming for full-stack React applications.

How does streaming and SSR work in full-stack React applications?

Streaming and SSR in full-stack React applications work by server-rendering the initial HTML for a fast first paint, then streaming live data to the client where supported. TanStack Start automates this process alongside server functions and type-safe RPC.