nyamadan.github.io

Next.jsをGitHub Pagesに展開する

2020年11月27日

展開する時にはまったこと

このBlogはGitHub Pagesを使ってホスティングしているけど、展開するときにちょっと躓いた。

アンダースコア付のフォルダはデプロイされない

Next.jsは _next というフォルダを作るため、これが展開されずに404になる。 これを避けるには.nojekyll という空のファイルを展開すればよいらしい。 .nojekyllpublic以下に置いておけばnext build && next exportしたときにout以下にコピーされるのでそれを展開する。

gh-pagesが.nojekyllを展開しない

gh-pagesを使えばビルド結果をそのままpushしてデプロイできるけど、 初期設定ではドットから始まるファイルを無視してしまうため.nojekyllが結局展開されない。 なので、--dotfilesオプションを使う。

gh-pages --dotfiles -b master -d ./out