solidjs.com

FileRoutes

FileRoutes is a component that renders a Route for each file in the routes directory.
tsx
<FileRoutes />
tsx
<FileRoutes />

Usage

Using file-based routing to set up your Routes

The <FileRoutes> component collects routes from the file-system in the /routes folder to be inserted into a parent <Routes> component.

Since FileRoutes returns a route configuration, it must be placed directly inside a <Routes>, usually the one in your root.tsx file.

root.tsx
tsx
import { Html, Head, Body, Scripts, Routes, FileRoutes } from "solid-start";
 
export default function Root() {
  return (
    <Html>
      <Head />
      <Body>
        <Routes>
          <FileRoutes />
        </Routes>
        <Scripts />
      </Body>
    </Html>
  );
}
root.tsx
tsx
import { Html, Head, Body, Scripts, Routes, FileRoutes } from "solid-start";
 
export default function Root() {
  return (
    <Html>
      <Head />
      <Body>
        <Routes>
          <FileRoutes />
        </Routes>
        <Scripts />
      </Body>
    </Html>
  );
}

See the routing guide for more details.