epic-routing

File-based routing in an Epic Stack app is set up by creating route files like _layout.tsx, index.tsx, and $param.tsx, then configuring app/routes.ts to enable react-router-auto-routes with appropriate ignored files.

Nested layouts and dynamic routes in Epic Stack use specific file naming conventions: _layout.tsx for shared layouts, index.tsx for root routes, and $param.tsx for parameterized routes to enforce consistent structure.

Resource routes in React Router Auto Routes handle data loading and mutations without a UI. You can use route loaders and actions to manage data fetching and form submissions across typical Epic Stack projects.

Configuring app/routes.ts for react-router-auto-routes involves defining the auto routes setup and specifying ignored files, which enables the framework to automatically map your file-based route modules into the application router.

Epic Stack routing supports parameterized routes by using the $param.tsx file naming convention. Creating a file like app/routes/users/$username/index.tsx automatically generates a dynamic user page route.

Nested layout routes often fail to render correctly when file naming conventions are not followed. Ensure shared layouts use the _layout.tsx suffix and that route modules are properly co-located and configured in app/routes.ts.