virtual-file-routes

Programmatic route trees replace filesystem conventions by using helpers like rootRoute, index, route, and layout to declare your structure in code. You create a routes.ts file and feed the resulting tree directly to the TanStack Router plugin.

Yes, you can mix virtual and file-based routes using the physical helper alongside virtual route declarations. This hybrid approach allows you to maintain existing file-based routes while composing nested structures with defineVirtualSubtreeConfig.

The defineVirtualSubtreeConfig helper composes nested route trees programmatically. It allows you to define subtree configurations in code, giving you explicit control over complex nested structures without relying on the filesystem.

To set up programmatic routing, create a routes.ts file using rootRoute and route helpers to declare your tree. Once the tree is defined, feed the configuration into the TanStack Router plugin to enable type inference and routing functionality.

Programmatic route trees give you explicit control over route structure and easier composition across apps. This approach replaces filesystem conventions, allowing you to define layouts and nested routes directly in code for better maintainability.

Yes, building programmatic route trees with virtual file routes includes type inference support. When you feed your route tree configuration to the TanStack Router plugin, it provides type safety and guidance for your defined routes.