nextjs-routing-rules

Community

Master Next.js App Router routing patterns.

Authormauriciodelrio
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Next.js App Router routing can become complex with nested layouts, route groups, parallel routes, and intercepting routes. This skill consolidates patterns and best practices to help you implement scalable, maintainable routing.

Core Features & Use Cases

  • Layout nesting: guidelines for nested layouts and shared UI across routes.
  • Route groups & parallel routes: organizing routes with lightweight groupings and independent slots.
  • Guards, redirects, and rewrites: server-side protections and seamless navigation flows.
  • Use Case: architect a multi-tenant dashboard with protected sections and modal routes.

Quick Start

Open your Next.js project and apply the App Router routing rules and patterns described here to implement nested layouts, guards, and redirects.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-routing-rules
Download link: https://github.com/mauriciodelrio/delriodev-skills/archive/main.zip#nextjs-routing-rules

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.