Dynamic Routes

1
export async function generateStaticParams() {
2
  const posts = await getPosts();
3
  return posts.map((post) => ({
4
    slug: post.slug,
5
  }));
6
}
7

8
export default async function Page({
9
  params,
10
}: {
11
  params: Promise<{ slug: string }>;
12
}) {
13
  const { slug } = await params;
14
  const post = await getPost(slug);
15

16
  if (!post) {
17
    notFound();
18
  }
19

20
  return <Article post={post} />;
21
}