virtual-file-routes

To build programmatic route trees in TanStack Router, you can use virtual file routes to explicitly define and control your application's route structure programmatically rather than relying solely on file conventions.

Yes, you can mix file-based routing with virtual routes in TanStack Router. This approach allows you to define modular route subtrees within existing file-based routing directories while maintaining explicit control over the structure.

Defining virtual file routes utilizes core API elements including rootRoute, index, route, layout, physical, and defineVirtualSubtreeConfig to compose a complete routing tree with TypeScript typings.

Yes, the TanStack Router plugin supports virtual file routes across frontend frameworks including React, Solid, and Vue, enabling seamless integration of programmatic route definitions into your application.

Use virtual file routes when you need explicit control over the route structure, want to define dynamic routing programmatically, or need to create modular route subtrees within an existing file-based routing architecture.

To set up a basic routes.ts file, use the rootRoute and route APIs to programmatically define a simple structure such as /home and /dashboard, establishing your application's foundational routing tree.