FileRoutes
The FileRoutes component builds a set of default Hydrogen routes based on the output provided by Vite's import.meta.globEager method. You can have multiple instances of this component to source file routes from multiple locations.
Example code
Anchor link to section titled "Example code"
| Name | Type | Description |
|---|---|---|
| routes? | ImportGlobEagerOutput |
The routes defined by Vite's import.meta.globEager method. |
| basePath? | string |
A path that's prepended to all file routes. You can modify basePath if you want to prefix all file routes. For example, you can prefix all file routes with a locale. |
| dirPrefix? | string | RegExp |
The portion of the file route path that shouldn't be a part of the URL. You need to modify this if you want to import your routes from a location other than the default src/routes. |
Component type
Anchor link to section titled "Component type"The FileRoutes component is a server component that renders inside App.server.jsx. For more information about component types, refer to React Server Components.