TanStack Start Tutorial

Welcome to the TanStack Start tutorial. Based on the official TanStack Start docs and TanStack Router, this guide teaches a type-safe, router-first, full-stack React framework.

TanStack Start is currently in RC. The API is considered stable and moving toward 1.0, but production apps should pin exact versions.

Table of Contents

  1. Introduction
  2. Installation & Project Structure
  3. Quick Start
  4. Architecture & Core Concepts
  5. File-Based Routing
  6. Data Loading
  7. Server Functions
  8. Server Routes / API
  9. Middleware & Auth
  10. SSR, Streaming & Deployment
  11. Practical Examples
  12. Resources

Learning Path

StageGoalChapters
Day 1Ship a full-stack pageIntro -> Install -> Quick Start
Days 2-3Understand routing and data loadingArchitecture -> Routing -> Data Loading
Week 1Master server capabilitiesServer Functions -> API -> Middleware
Week 2Production readinessSSR -> Deployment -> Examples

Prerequisites

  • React components and hooks
  • Basic TypeScript
  • Familiarity with CSR, SSR, and API routes helps