Conas a bhíonn feidhm ag dynamic routes agus generateStaticParams?

Question

Accepted Answer

**Úsáideann dynamic routes** ainmneacha fillte idir lúibíní chun míreanna URL athraitheacha a mheaitseáil, agus **`generateStaticParams`** a insíonn do Next.js cén leathanaigh a bheidh le réamhdhéanamh ag am tógála (do SSG/ISR). ## Míre dhinimic ```tsx // app/blog/[slug]/page.tsx → matches /blog/hello, /blog/anything export default async function Post({ params }: { params: { slug: string } }) { const post = await getPost(params.slug); // params.slug is the URL value return

{post.title}

; } ``` ## generateStaticParams — leathanaigh ar leith a réamhdhéanamh ```tsx // Tell Next.js the list of slugs to build statically export async function generateStaticParams() { const posts = await getAllPosts(); return posts.map(post => ({ slug: post.slug })); // → builds /blog/post-1, /blog/post-2, ... as static HTML at build time } ``` Gan é seo, tugtar fréagra ar dynamic route ar an éileamh (SSR). **Má tá** ann duit, déanann Next.js leathanach statach a réamhdhéanamh do gach paraiméadar ar ais ag am tógála — ag tabhairt duit luas an SSG do thacar ar a bhfuil a fhios agam de leathanaigh dhinimic (gach post blag, gach táirge). ## Paraiméadair nach bhfuil ar an liosta a láimhseáil ```tsx // what happens for a slug NOT returned by generateStaticParams? export const dynamicParams = true; // (default) render unknown slugs on-demand (ISR-like) // export const dynamicParams = false; // return 404 for any slug not pre-built ``` Ligann sé seo duit do leathanaigh thosaigh/is coitinne a réamhthógáil agus fós freastal a dhéanamh (nó 404) ar an eirball fada. ## Catch-all agus paraiméadair neadaithe ```text app/shop/[...categories]/page.tsx → /shop/a/b/c (params.categories = ['a','b','c']) app/[lang]/[slug]/page.tsx → multiple params: { lang, slug } ``` ```tsx export async function generateStaticParams() { return [{ lang: "en", slug: "about" }, { lang: "vi", slug: "about" }]; } ``` ## Cén fáth a bhfuil sé tábhachtach Is é an péire seo an chaoi ar a dhéanann tú tacair mhóra de leathanaigh dhinimic (blaganna, catalóga r-tráchtála, docs) a ghiniúint go statach i gcomhair feidhmíochta agus SEO ar bharr, agus smachtaíonn `dynamicParams` an taitéim ar leathanaigh nach raibh tógtha go nuige sin. Tá thuiscint ar `generateStaticParams` (cén leathanaigh a bheidh le réamhthógáil) agus na roghanna taisce/`revalidate` ina chroílár an SSG/ISR a dhéanamh i gcomhair ábhair dhinimic san App Router.