TanStack Router - React Query File-Based Example

An example combining file-based routing with TanStack Query integration.

• TanStack Router Docs
• TanStack Query 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/basic-react-query-file-based basic-react-query-file-based

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

About This Example

This example demonstrates:

• File-based routing with TanStack Router
• TanStack Query integration
• Type-safe data fetching
• Automatic route generation
• Query-based data loading per route