Source: https://tanstack.com/start/latest/docs/framework/react/getting-started

TanStack

Start v0v0

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

React

Version

Latest

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Overview
  
  react

• Getting Started
  
  react

• Quick Start
  
  react

• Build from Scratch
  
  react

• Migrate from Next.js
  
  react

Guides

• Routing
  
  react

• Execution Model
  
  react

• Code Execution Patterns
  
  react

• Environment Variables
  
  react

• Server Functions
  
  react

• Static Server Functions
  
  react

• Environment Functions
  
  react

• Middleware
  
  react

• Error Boundaries
  
  react

• Server Routes
  
  react

• Hydration Errors
  
  react

• Selective SSR
  
  react

• SPA Mode
  
  react

• Static Prerendering
  
  react

• Server Entry Point
  
  react

• Client Entry Point
  
  react

• Hosting
  
  react

• Authentication Overview
  
  react

• Authentication
  
  react

• Databases
  
  react

• Observability
  
  react

• Path Aliases
  
  react

• Tailwind CSS Integration
  
  react

Examples

• Basic
  
  react

• Basic + React Query
  
  react

• Basic + Clerk Auth
  
  react

• Basic + DIY Auth
  
  react

• Basic + Supabase Auth
  
  react

• Trellaux + Convex
  
  react

• Trellaux
  
  react

• WorkOS
  
  react

• Material UI
  
  react

• Basic + Static rendering
  
  react

• Cloudflare Vite Plugin
  
  react

Tutorials

• Reading and Writing a File
  
  react

• Fetching Data from External API
  
  react

Framework

React

Version

Latest

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Overview
  
  react

• Getting Started
  
  react

• Quick Start
  
  react

• Build from Scratch
  
  react

• Migrate from Next.js
  
  react

Guides

• Routing
  
  react

• Execution Model
  
  react

• Code Execution Patterns
  
  react

• Environment Variables
  
  react

• Server Functions
  
  react

• Static Server Functions
  
  react

• Environment Functions
  
  react

• Middleware
  
  react

• Error Boundaries
  
  react

• Server Routes
  
  react

• Hydration Errors
  
  react

• Selective SSR
  
  react

• SPA Mode
  
  react

• Static Prerendering
  
  react

• Server Entry Point
  
  react

• Client Entry Point
  
  react

• Hosting
  
  react

• Authentication Overview
  
  react

• Authentication
  
  react

• Databases
  
  react

• Observability
  
  react

• Path Aliases
  
  react

• Tailwind CSS Integration
  
  react

Examples

• Basic
  
  react

• Basic + React Query
  
  react

• Basic + Clerk Auth
  
  react

• Basic + DIY Auth
  
  react

• Basic + Supabase Auth
  
  react

• Trellaux + Convex
  
  react

• Trellaux
  
  react

• WorkOS
  
  react

• Material UI
  
  react

• Basic + Static rendering
  
  react

• Cloudflare Vite Plugin
  
  react

Tutorials

• Reading and Writing a File
  
  react

• Fetching Data from External API
  
  react

On this page

• Migrate an existing project from another framework

• Start a new project from scratch

• Next Steps

Getting Started

Copy Markdown

Migrate an existing project from another framework
--------------------------------------------------

• Start a new project from scratch to quickly learn how Start works (see below)
• Refer to a migration guide for your specific framework:

  • Next.js

  • Remix 2 / React Router 7 "Framework Mode" (coming soon!)

Start a new project from scratch
--------------------------------

Choose one of the following options to start building a new TanStack Start project:

• TanStack Start CLI
  • Just run npm create @tanstack/start@latest. Local, fast, and optionally customizable
• TanStack Builder (coming soon!) - A visual interface to configure new TanStack projects with a few clicks
• Quick Start Examples Download or clone one of our official examples
• Build a project from scratch
  • A guide to building a TanStack Start project line-by-line, file-by-file.

Next Steps
----------

Unless you chose to build a project from scratch, you can now move on to the Routing guide to learn how to use TanStack Start!

Edit on GitHub

Overview

Quick Start

Partners Become a Partner