javascript / intermediate
Snippet
SSG mit generateStaticParams
Die Funktion generateStaticParams wird in Kombination mit dynamischen Routen-Segmenten verwendet, um Routen zur Build-Zeit statisch zu generieren, anstatt auf Anfrage. Dies verbessert die Performance und SEO erheblich.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
export async function generateStaticParams() {const posts = await fetch('https://api.example.com/posts').then((res) => res.json());return posts.map((post) => ({slug: post.slug,}));}export default function Page({ params }) {const { slug } = params;return <article>Post: {slug}</article>;}
nextjs
Erklärung
1
return posts.map((post) => ({ slug: post.slug }));
Gibt ein Array von Objekten zurück, wobei jedes Objekt die befüllten dynamischen Segmente darstellt.