2021/05/29
はじめに
私は,Github Pages でブログをホスティングしている.
これまでは HUGO で SSG していて,サードパーティのテーマを使っていたためブログの記事部分しか管理していなかった.
しかし,より多くの範囲を把握・調整したかったため,Next.js に切り替え,ブログページ全体を自分で管理できるようにしてみた(2021/05/29 現在).
エラー状況
まず前提として,以下では問題なく動作している状況であった.
next dev
npx serve
- firebase hosting (ステージングのような使い方をした)
エラー詳細
原因が全く検討がつかなかったため,取り敢えずブラウザのログを見ると,以下のようなエラーが大量発生していた.
Failed to load resource: the server responded with a status of 404 () despite of existance
解消方法
Github pages のルートディレクトリに空の.nojekyll
というファイルを配置する.
Next.js ではどうすれば?
Next.js を使っていて,ビルドする時,/public
直下のファイルがビルド後のディレクトリのルートに展開されるので,
/public/.nojekyll
というパスで空のファイルを作るとよい.