المسارات الديناميكية

app/blog/[slug]/page.tsx   →   /blog/any-title

export default async function Post({
  params,
}: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;
  return <h1>{slug}</h1>;
}

export async function generateStaticParams() {
  const posts = await getPosts();
  return posts.map((p) => ({ slug: p.slug }));
}

app/shop/[category]/[id]/page.tsx   # مقطعان
app/docs/[...slug]/page.tsx         # catch-all