Next.js динамический маршрут сразу после индекса

Вы можете сгруппировать все маршруты с именами следующим образом:

[18:10:47] /tmp/my-app ● $ tree -n 2 pages/
2 [error opening dir]
pages/
├── _app.js
├── index.js
├── posts
│   ├── [id].js
│   └── index.js
└── [workspace]
    ├── dashboard.js
    └── index.js

2 directories, 6 files

В этом случае запрос:

• /something/dashboard будет перенаправлен на pages/[workspace]/dashboard.js
• /something будет перенаправлен на pages/[workspace]/index.js
• /posts будет перенаправлен на pages/posts/index.js (поскольку нединамические маршруты имеют приоритет над динамическими)
• /posts/something будет перенаправлен на pages/posts/[id].js

В файлах pages/[workspace]/dashboard.js и pages/[workspace]/index.js исследуйте маршрутизатор следующим образом:

[18:10:50] /tmp/my-app ● $ cat pages/\[workspace\]/dashboard.js 
import { useRouter } from 'next/router'

const Dashboard = () => {
  const router = useRouter()
  const workspace = router.query.workspace

  return (
    <>
      <h1>Dashboard: {workspace}</h1>
    </>
  )
}

export default Dashboard

Должно дать ожидаемое значение, присвоенное переменной workspace (поэтому при посещении /something/dashboard должно отображаться Dashboard: something).