skills.rest
tanstack-skills
tanstack-skillsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

tanstack-start

Build server-rendered React apps with typed server functions and TanStack Router.

29|2|Updated Jan 25, 2026
Search Tags:#full-stack#react#vite#ssr#server-functions#nitro#tanstack-router
One-click install
npx skills add https://github.com/tanstack-skills/tanstack-skills --skill tanstack-start-tanstack-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/tanstack-skills/tanstack-skills/tree/main/plugins/tanstack-start/skills/tanstack-start
Command: npx skills add https://github.com/tanstack-skills/tanstack-skills --skill tanstack-start-tanstack-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a cohesive full-stack framework to simplify building, rendering, and deploying React applications that require server-side rendering, streaming, and type-safe server functions without wiring disparate tools together.

Core Features & Use Cases

  • Server-side Rendering & Streaming: Built-in SSR strategies and streaming support to improve time-to-first-byte and perceived performance.
  • Typed Server Functions (RPC): First-class createServerFn primitives with validation and middleware composition for safe client-server interactions.
  • Routing & File-based Routes: Deep integration with TanStack Router for type-safe, file-based routing and auto-generated route trees.
  • Deployment Flexibility: Nitro presets and Vinxi (Vite + Nitro) build pipeline enable deployment to Node, Vercel, Netlify, Cloudflare Pages, and more.
  • Use case: Scaffold a content-heavy dashboard that preloads critical data, defers non-critical requests, secures APIs with middleware, and deploys to a serverless platform.

Quick Start

Scaffold a new TanStack Start project with the CLI to get a ready-made app configured for SSR, routing, and typed server functions.

Frequently Asked Questions about tanstack-start

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

FAQPage Schema
How do I add type-safe server functions to a React SSR application?▼

You can scaffold a full-stack React app with built-in SSR, file-based routing, and typed server functions using the TanStack Start CLI to get a ready-made project configured for Vite and Nitro.

What is the best way to build a React app with streaming SSR and Nitro deployment presets?▼

A full-stack React framework combining Vite and Nitro provides built-in SSR strategies, streaming support to improve time-to-first-byte, and deployment presets for Node, Vercel, Netlify, and Cloudflare Pages.

Can I use TanStack Router for file-based routing with server-side rendering?▼

Yes, TanStack Router integrates deeply with server-side rendering to provide type-safe, file-based routing and auto-generated route trees for your React application.

Does TanStack Start support middleware composition for securing API routes?▼

Yes, TanStack Start supports middleware composition for securing API routes through its first-class createServerFn primitives, enabling safe client-server interactions and API protection.

How do I preload critical data and defer non-critical requests in a server-rendered React dashboard?▼

You can preload critical data and defer non-critical requests in a server-rendered React dashboard by applying the framework's built-in SSR strategies, loader functions, and streaming support to optimize perceived performance.

When should I not use a full-stack React framework for server-side rendering?▼

You should avoid a full-stack React SSR framework if your project does not require server-side rendering, streaming, or type-safe server functions, or if you are not using a Vite and Nitro build pipeline.

Related Skills

Explore More Software Engineering Skills→
wonkpentinkwonkpentink

installation-and-initial-setup

Initialize a React + TypeScript + Vite project with npm and configuration.

Community
Advanced
sduduzogsduduzog

nuxt

Build and deploy full-stack Vue apps with Nuxt SSR and Nitro routes.

Community
Advanced
dennislee928dennislee928
54

TanStack Router

Configure type-safe file-based routing for React applications with TanStack Router.

Community
Advanced
janpeterdjanpeterd

tanstack-start

Generate full-stack React apps with TanStack Router SSR and streaming.

Community
Intermediate