Next.js 静的エクスポートのTips

静的エクスポートとは

output: 'export' を設定すると、Next.js は全ページをビルド時にHTMLとして出力します。

const nextConfig = {
  output: 'export',
  images: { unoptimized: true },
}

generateStaticParams を忘れずに

動的ルート（[slug]）では generateStaticParams() のエクスポートが必須です。

export async function generateStaticParams() {
  const posts = getAllPosts()
  return posts.map((p) => ({ slug: p.slug }))
}

これがないとビルドエラーになります。