Next.js: Dynamic и catch-all routes — пример кода

// app/blog/[slug]/page.tsx
export async function generateStaticParams() {
  const posts = await getPosts();
  return posts.map((p) => ({ slug: p.slug })); // these are built at build time
}

export default async function Post({ params }: { params: Promise }) {
  const { slug } = await params;          // Next 15: await it
  const post = await getPost(slug);
  if (!post) notFound();                  // → renders the nearest not-found.tsx
  return {post.title};
}

// app/docs/[[...slug]]/page.tsx — one page for /docs AND /docs/a/b/c
export default async function Docs({ params }: { params: Promise }) {
  const { slug = [] } = await params;     // undefined at "/docs"
  const path = slug.join('/') || 'index';
  return ;
}

// Nested dynamic segments compose:
// app/[category]/[product]/page.tsx  →  params = { category, product }