epic-routing

Implement file-based routing with react-router-auto-routes in Epic Stack applications.

Updated May 18, 2026
One-click install
npx skills add https://github.com/mbdeaton/phys-notes --skill epic-routing-mbdeaton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: epic-routing
Source: https://github.com/mbdeaton/phys-notes/tree/main/docs/skills/epic-routing
Command: npx skills add https://github.com/mbdeaton/phys-notes --skill epic-routing-mbdeaton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance on implementing and managing routing within an Epic Stack application, ensuring efficient navigation and code organization.

Core Features & Use Cases

  • Route Creation: Learn to add new pages and nested layouts.
  • File-Based Routing: Understand and leverage react-router-auto-routes conventions.
  • Route Parameters & Search Params: Effectively handle dynamic routing and query parameters.
  • Loaders & Actions: Implement data fetching and mutations for routes.
  • Use Case: You need to add a new section to your application for user profiles, including individual user pages with dynamic URLs and nested components for displaying user details and their posts.

Quick Start

Use the epic-routing skill to create a new route for /users/:username/posts.

Frequently Asked Questions about epic-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement file-based routing in an Epic Stack React application?

You can add new pages and nested layouts by following `react-router-auto-routes` conventions, which automatically map your file structure to application routes for efficient navigation.

How do I handle dynamic route parameters and search params with react-router?

Dynamic routing and query parameters are handled effectively within the Epic Stack framework using `react-router-auto-routes` conventions to manage dynamic URLs like `/users/:username`.

How do I use loaders and actions for data fetching in Epic Stack routes?

Loaders and actions are implemented within your route definitions to handle data fetching and mutations, providing a robust way to manage data interactions for web application navigation.

Can I create nested layouts for user profiles using react-router-auto-routes?

Yes, you can create nested layouts for user profiles by leveraging `react-router-auto-routes` conventions, allowing individual user pages to contain nested components for displaying details and posts.

What are resource routes in Epic Stack and when should I use them?

Resource routes are part of Epic Stack routing conventions that allow you to handle specific data requests outside of the standard UI component tree, optimizing web application navigation.

What are common pitfalls when configuring react-router in the Epic Stack?

Common pitfalls when configuring react-router in the Epic Stack are addressed through best practices for file-based routing, ensuring you avoid frequent errors in route creation and parameter handling.