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.