TanStack Start Full-Stack React

Bootstrap and build full-stack React apps with TanStack Start — type-safe file routing, server functions, TanStack Query data loading, Tailwind 4, and shadcn/ui on Vite.

This skill scaffolds and develops TanStack Start projects: type-safe TanStack Router file routes, server functions and loaders, TanStack Query integration for caching, SSR/streaming, plus Tailwind CSS 4 and shadcn/ui wired on a Vite base. It sets up the full modern React stack with end-to-end type safety.

When to use

Use when starting a full-stack React app with TanStack Start/Router, adding server functions and typed loaders, wiring TanStack Query, or configuring the Vite + Tailwind + shadcn stack.

Examples

Typed route with loader

File route + server data

Create a TanStack Start route /posts/$id with a typed loader that fetches the post via a server function and renders it with type-safe params

Scaffold the stack

New app setup

Bootstrap a new TanStack Start app with TanStack Router, TanStack Query, Tailwind CSS 4, and shadcn/ui, and add a themed layout shell