Patterns

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

Other static params

/examples/static-params/intro
/examples/static-params/patterns ← current
/examples/static-params/performance

Source

// 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>
                    );
    }