Dynamic Routes [slug]

[slug] segment zachytí ľubovoľnú hodnotu v URL. generateStaticParams() pre-generuje statické verzie.

Aktuálny slug:

hello-world

Hello World

Staticky generované stránky:

hello-worldnextjs-15-featurescloudflare-workers

Ako to funguje:

// app/dynamic-routes/[slug]/page.tsx

export function generateStaticParams() {
  return [
    { slug: "hello-world" },
    { slug: "nextjs-15-features" },
  ];
}

export default async function Page({ params }) {
  const { slug } = await params;
  return <h1>{slug}</h1>;
}