nextjs-routing

Next.js App Router dynamic segments use bracket notation like /users/[id] for single parameters and /docs/[...path] for catch-all routes. This skill enforces explicit coverage of dynamic segments and catch-all paths for reliable route design.

Route groups in Next.js App Router organize routes using parentheses without impacting the URL structure. This skill guides structural organization of complex apps using route groups and layouts for modular UI management.

Parallel routes render multiple segments simultaneously in a single layout, while intercepting routes overlay content like modals without full navigation. This skill covers implementing parallel and intercepting routes for modular UIs and overlays.

Next.js middleware handles authentication gates by intercepting requests before route completion. This skill covers middleware behavior alongside correct programmatic navigation using useRouter and Link for controlled routing flows.

This Next.js App Router routing approach supports building admin dashboards, public-facing apps, and feature flag-driven routing. The skill applies dynamic segments, route grouping, and parallel routes to manage complex conditional UI structures.