Сторінки попередньо будуються під час збірки для максимальної продуктивності. Найкраще для Блогів, Документації та маркетингових сайтів з контентом, який не змінюється часто.
SSG використовує асинхронні Server Components, попередньо відрендерені під час збірки. Для динамічних маршрутів як [id], використовуйте generateStaticParams() для генерації всіх статичних сторінок під час збірки.
// app/posts/[id]/page.tsx
export async function generateStaticParams() {
return fetch('https://api.example.com/posts').then(res => res.json());
}
export default async function PostPage({ params }: { params: Promise<{ id: string }> }) {
const { id } = await params;
const post = await fetch(`https://api.example.com/posts/${id}`).then(res => res.json());
return <article>{post.content}</article>;
}