Next.jsの静的エクスポートでWebサイトを構築する方法

はじめに

Next.jsの静的エクスポート機能を使えば、Node.jsサーバーがなくても高速なWebサイトを公開できます。

この記事では、output: 'export' を使ったサイト構築のポイントを解説します。

静的エクスポートとは

Next.jsの静的エクスポートは、ビルド時にすべてのページをHTMLファイルとして生成する機能です。生成されたファイルは、通常のWebサーバー（Apache, Nginxなど）で配信できます。

メリット

• サーバーサイドの処理が不要
• CDNでの配信が容易
• セキュリティリスクが低い
• ホスティングコストが安い

設定方法

next.config.ts で以下の設定を追加するだけです。

まとめ

静的エクスポートは、更新頻度が低いWebサイトに最適な選択肢です。パフォーマンスとコストの両面で大きなメリットがあります。