dockerコンテナ上のnuxt.jsアプリでhot reloadを有効にする

公開日時

nuxt.jsアプリをdocker化した際にファイル変更を行ってもhot reloadがされない現象が発生した。

nuxt.config.jsに↓を追加してwatcherの設定をpollingに変更することでhot reloadできるようになった。

export default {
  watchers: {
    webpack: {
      poll: true
    }
  }
}

参考


Related #nuxt.js

Nuxt.jsアプリケーションをHerokuにデプロイする

pushするだけでデプロイされるので手軽

Nuxt + TypescriptプロジェクトにSentryを導入する

リリースにコミットハッシュを設定しておくと調査しやすくなる

Github ActionでCloudfrontのキャッシュをクリアする

デプロイ後にキャッシュクリアを行うように設定

NuxtアプリにCloud Functionsを追加したらビルドエラーが発生

CIでのビルドログ抑制を無効化して、functionsディレクトリをビルド対象から外す必要があった

Firebase Hostingで動いているNuxt.jsプロジェクトにAnalyticsを導入する

gaメソッドをinjectするようにした

nuxt-community/proxy-moduleを使ってスタブAPIに切り替える

開発環境はスタブAPIを使うようにした