Patterns

Second page. Each entry returned by generateStaticParams becomes its own pre-baked HTML file.

Other static params

src/app/examples/static-params/[slug]/page.tsxTSX
// src/app/examples/static-params/[slug]/page.tsx
 export async function generateStaticParams() {
    return [{ slug: "intro" }, { slug: "patterns" }, { slug: "performance" }];
}
export async function loader({ params }) {
    return { slug: params.slug, article: ARTICLES[params.slug] };
}
export default function Page({ data }) {
    return (
        <article>
            <h1>{data.article.title}</h1>
            <p>{data.article.body}</p>
        </article>
    );
}