react-router-file-routes
Installation
SKILL.md
React Router File Routes
Complete reference for React Router v7 file-based routing conventions and file naming patterns.
Core Concepts
React Router v7 uses file-based routing where file names in app/routes/ directory automatically become routes. Special characters in file names create specific routing behaviors.
File Naming Conventions
Basic Routes
| File Name | URL Path | Description |
|---|---|---|
_index.tsx |
/ |
Index route at the root or parent path |
about.tsx |
/about |
Simple static route |
contact.tsx |
/contact |
Another static route |