React TanStarter

September 16, 2025 · View on GitHub

A minimal starter template for 🏝️ TanStack Start. → Preview here

Getting Started

Use this template or clone this repository with gitpick:

npx gitpick dotnize/react-tanstarter myapp
cd myapp

Install dependencies:
```
pnpm install
```
Create a .env file based on .env.example.
Push the schema to your database with drizzle-kit:
```
pnpm db push
```
https://orm.drizzle.team/docs/migrations
Run the development server:
```
pnpm dev
```
The development server should now be running at the URL specified by VITE_BASE_URL (defaults to http://localhost:3000).

React Compiler docs, Working Group - React Compiler is in RC.
Start BETA Tracking - TanStack Start is in beta and may still undergo major changes.
Devtools Releases - TanStack Devtools is in alpha and may still have breaking changes.

We use pnpm by default, but you can modify these scripts in package.json to use your preferred package manager.

auth:generate - Regenerate the auth db schema if you've made changes to your Better Auth config.
db - Run drizzle-kit commands. (e.g. pnpm db generate, pnpm db studio)
ui - The shadcn/ui CLI. (e.g. pnpm ui add button)
format, lint, check-types - Run Prettier, ESLint, and check TypeScript types respectively.
- check - Run all three above. (e.g. pnpm check)
deps - Selectively upgrade dependencies via taze.

auth/middleware.ts - Sample middleware for forcing authentication on server functions. (see #5 and #17)
theme-toggle.tsx, theme-provider.tsx - A theme toggle and provider for toggling between light and dark mode. (#7)

Code in this template is public domain via Unlicense. Feel free to remove or replace for your own project.

create-tsrouter-app - The official CLI tool from the TanStack team to create Router/Start projects.
CarlosZiegler/fullstack-start-template - A more batteries-included boilerplate that provides a solid foundation for building modern web apps.