Open3

【Nuxt】NuxtでSSGしたものをGitHub Pagesに置く時のハマりポイント

TsubakuraTsubakura
  • yarn generateする時にリポジトリ名をパスの先頭に付けていないとcssやjsが読めない

https://qiita.com/kira_puka/items/46a10a5dd353c1d4ad4b

  • GitHub Pagesはデフォルトでjekyllを利用しており、jekyllはアンダーバー始まりのディレクトリを読めない。そのため_nuxt/ディレクトリを読むには空のファイル.nojekyllpublic/リポジトリに置く。

https://blog.kimizuka.org/entry/2021/02/06/105656

TsubakuraTsubakura

nuxt.config.ts

<reponame>はリポジトリの名前を直書きした。

export default defineNuxtConfig({
  app: {
    baseURL: '/<reponame>'
  }
})
TsubakuraTsubakura

多分GitHub Pages使う時はNext.jsでも同様のハマり方しそう。