epic-routing

What problem does it solve?

This Skill provides a clear, structured approach to implementing routing in Epic Stack apps using file-based conventions and react-router-auto-routes, helping teams avoid ambiguous setups and inconsistent patterns.

Core Features & Use Cases

• File-based routing conventions with _layout.tsx, index.tsx, and $param.tsx route files.
• Support for nested layouts, route groups, and parameterized routes.
• Loaders, actions, and resource routes to handle data loading and mutations without UI.
• Guidance on configuring app/routes.ts and co-locating route modules for maintainability.

Quick Start

Bootstrap a minimal Epic Stack routing setup:

• Create app/routes/_layout.tsx for a shared layout
• Create app/routes/index.tsx as the root route
• Create app/routes/users/$username/index.tsx for a dynamic user page
• Configure app/routes.ts to enable react-router-auto-routes with appropriate ignored files