nextjs-routing-rules

Organizes Next.js App Router routing patterns for nested layouts, route groups, and parallel routes.

3|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/mauriciodelrio/delriodev-skills --skill nextjs-routing-rules
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-routing-rules
Source: https://github.com/mauriciodelrio/delriodev-skills/tree/main/es-skills/software/frontend/nextjs-routing-rules
Command: npx skills add https://github.com/mauriciodelrio/delriodev-skills --skill nextjs-routing-rules

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about nextjs-routing-rules

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

FAQPage Schema
How do I organize Next.js App Router nested layouts and route groups?

Organize Next.js App Router nested layouts by applying shared UI across routes, and use route groups for lightweight groupings that exclude segments from the URL path. This skill documents patterns for scalable, maintainable routing structures.

What's the best way to implement authentication guards and server-side redirects in Next.js App Router?

Implement Next.js App Router authentication guards and server-side redirects by applying consolidated routing patterns for seamless navigation flows and protected sections. This skill documents server-side protections and redirects with practical examples.

How does Next.js parallel routes and intercepting routes work for modals?

Next.js parallel routes and intercepting routes work by rendering independent slots simultaneously and intercepting navigation flows to render modal routes within the current layout context. This skill documents these patterns for complex Next.js apps.

Can I build a multi-tenant dashboard with protected sections using Next.js App Router?

Yes, you can build a multi-tenant dashboard with protected sections using Next.js App Router. This skill documents route groups, nested layouts, and authentication guards specifically for architecting complex, multi-tenant applications.

How do I type search params in Next.js App Router routing?

Type Next.js App Router search params by applying the typed search params patterns documented in this skill. It provides routing rules and practical examples for handling search parameters with type safety in complex Next.js applications.