Funcția generateStaticParams() este utilizată în combinație cu segmentele dinamice de rută (cum ar fi app/blog/[slug]/page.tsx) pentru a pre-genera paginile HTML în mod static la momentul compilării (Build Time), înlocuind vechiul mecanism getStaticPaths din Pages Router.
// app/articole/[slug]/page.tsx
export async function generateStaticParams() {
const postari = await fetch('https://api.dexblog.ro/articole').then((res) => res.json());
return postari.map((post: { slug: string }) => ({
slug: post.slug,
}));
}
export default async function PaginaArticol({ params }: { params: Promise<{ slug: string }> }) {
const { slug } = await params;
return <h1>Articol: {slug}</h1>;
}Performanță Maximă: Paginile generate static prin generateStaticParams sunt livrate instantaneu de pe rețelele CDN (Edge), având un TTFB de sub 20ms și costuri minime de server.
Opțiuni de Configurare
dynamicParams = true(implicit): Permite generarea la cerere a paginilor pentru segmentele care nu au fost incluse în lista returnată degenerateStaticParams.dynamicParams = false: Returnează automat codul 404 Not Found pentru orice parametru necunoscut la build time.
Întrebări & Exemple de Cod:
generateStaticParams() – Pre-generarea Rutelor Dinamice la BuildAi o nelămurire despre utilizarea comenzii
generateStaticParams() – Pre-generarea Rutelor Dinamice la Buildsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.