TanStack Router - Virtual Inside File-Based Routing Example

An example demonstrating virtual routes within a file-based routing structure.

• 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/basic-virtual-inside-file-based basic-virtual-inside-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:

• Combining virtual and file-based routing
• Hybrid routing approach
• Dynamic route generation within file-based structure
• Flexible route configuration