Dynamic route và generateStaticParams trong App Router dùng thế nào?

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

export default async function Page({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params; // Next 14: params là object thường
  const post = await getPost(slug);
  if (!post) notFound();
  return <article>{post.title}</article>;
}

• Param không có trong generateStaticParams mặc định vẫn render theo yêu cầu rồi cache (dynamicParams = true); đặt false để trả 404.
• generateStaticParams ở layout cha có thể lồng với route con.
• Dùng notFound() để hiển thị not-found.tsx.