generateStaticParams 함수는 동적 route와 함께 사용하여 빌드 시간에 정적으로 경로를 생성하는 데 사용할 수 있습니다.

// Return a list of `params` to populate the [slug] dynamic segment

export async function generateStaticParams() {
  const posts = await fetch('https://.../posts').then((res) => res.json())
 
  return posts.map((post) => ({
    slug: post.slug,
  }))
}
 
// Multiple versions of this page will be statically generated

// using the `params` returned by `generateStaticParams`

export default function Page({ params }) {
  const { slug } = params
  // ...
}

Parameters

options.params (optional)

  여러 동적 라우트에서 generateStaticParams를 사용하는 경우, 자식 generateStaticParams 함수는 부모가 생성한 params 집합마다 한 번씩 실행됩니다.

 params 객체에는 부모 generateStaticParams에서 채워진 params가 포함되어 있으며, 이를 사용하여 자식 세그먼트의 params를 생성할 수 있습니다.

Returns

  generateStaticParams는 각 객체가 단일 라우트의 채워진 동적 세그먼트를 나타내는 객체 배열을 반환해야 합니다.

 객체의 각 속성은 라우트에 대해 채워질 동적 세그먼트입니다.

속성 이름은 세그먼트의 이름이며, 속성 값은 해당 세그먼트에 채워질 내용입니다.