TanStack Router - Kitchen Sink File-Based Example

A comprehensive file-based routing example demonstrating many TanStack Router features.

• TanStack Router Docs

Start a new project based on this example

To start a new project based on this example, run:

npx gitpick TanStack/router/tree/main/examples/react/kitchen-sink-file-based kitchen-sink-file-based

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

About This Example

This "kitchen sink" example with file-based routing demonstrates:

• File-based route generation
• Advanced routing patterns
• Nested routes
• Route parameters and search params
• Data loading
• Error handling
• Route guards
• Type-safe file-based routes