Next.js · Senior · Pytanie 68 z 75

Jak działa generateStaticParams dla zagnieżdżonych segmentów dynamicznych, np. /[category]/[product]?

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

Wyjaśnienie

Alternatywnie potomek może zwrócić oba parametry naraz. Generowanie od góry do dołu sprawia, że pobieranie danych na każdym poziomie jest niewielkie.

Do poczytania

Błąd w pytaniu

Next.js · Senior · pytanie 68

Sprawdź się

Rozwiąż test Next.js · Senior: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test