Sequence NODE_216
Medium

Create an Optional Catch-All Route

Next.js
React
JavaScript
Technical Specification

Create an optional catch-all route that works both with and without additional segments.

Input/Output Samples
Input:/docs
Output:base view
Input:/docs/intro
Output:['intro']
Optimal Logic Path
// app/docs/[[...slug]]/page.tsx
export default function DocsPage({ params }) {
  const parts = params.slug ?? [];
  return <pre>{JSON.stringify(parts)}</pre>;
}
Architectural Deep-Dive
Optional catch-all routes allow flexible URL shapes while using a single component.