0
Next.jsで静的ファイルだけ使えるようにする
2022-09-11

Next.jsでbuildした後ホスティングサービスへ配信する際の成果物指定の方法

デフォルトの挙動として、next buildではSSRなどサーバ側も含めてビルドした成果物を.nextに配置する

Advanced Features: Static HTML Export | Next.js

静的ファイルのみをホストしたい場合、デフォルトの.nextを指定しても静的ファイルを配信できる状態ではないので配信できない

しらなかった…

静的ファイルだけでOKな場合(SSG)

next exportで静的ファイルをoutに置き、outディレクトリをサーブすることでページを閲覧できるようになる

なのでサーバサイドでの処理が不要な場合は公式の通りnext build && next exportで静的ファイルだけをoutディレクトリに置き、ホスティングサービスのGit連携で成果物があるディレクトリを指定する

今までNext.jsで作成したサイトはVercelでしか配信したことなかったのでVercelがよしなにやってくれていたようだ

今回Cloudflare Pagesで配信する際にこれを知らずにつまずいた

0

Profile

swfz
swfz
日々学んだことを残していく
Today I Learned
コード片置き場

Account

RSS

Powered by Pixela
© 2024. swfz