Next.js · Senior · Запитання 68 з 75

Як працює generateStaticParams для вкладених динамічних сегментів на кшталт /[category]/[product]?

// app/[category]/[product]/page.tsx
export async function generateStaticParams({ params }) {
  const { category } = params
  return (await getProducts(category)).map((p) => ({ product: p.slug }))
}

Пояснення

Або дочірній сегмент може повернути обидва параметри одразу. Генерація згори донизу робить завантаження даних на кожному рівні невеликим.

Де почитати

Помилка в запитанні

Next.js · Senior · запитання 68

Перевірте себе

Пройдіть тест Next.js · Senior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест