Root Route Definition and Base Layout Container

Establishes the foundation of the application's routing hierarchy by providing:

  • The parent route from which all application routes inherit
  • The base layout structure that wraps all rendered views
  • Integration with TanStack Router's outlet rendering system

This module creates the consistent structural frame around all application content by ensuring the MainLayout component encapsulates every route's output. The layout provides the application header, navigation controls, and theme management that remain consistent regardless of which route is active.

Integration points:

  • Imported by routes.tsx to serve as the parent for all route definitions
  • Uses MainLayout from layouts directory to maintain UI consistency
  • Leverages TanStack Router's Outlet component for dynamic content rendering
  • Exports the root route for the router configuration

Variables

RootRoute