Sunday morning

#nuxt.js

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

watcherの設定をpollingに変更する

create nuxt-appで作成したアプリでTapable.plugin is deprecatedが出る場合の対処法

yarn add @nuxtjs/pwa@v3.0.0-beta.16でPWA Moduleを更新する

nuxtでdotenv-module利用時にCircleCIで環境変数を指定する

nuxt.config.tsのenvを設定した

Nuxt.jsのservice workerで環境変数を切り替えられるようにする

設定情報をハードコードしたくなかったので、ビルド時にnodeコマンドでファイル生成を行い環境変数を切り替えられるように対応した。

NuxtアプリをGAEにデプロイする(Node.js 10)

GAEへのデプロイの際にいくつかエラーが出てハマったので対応内容をまとめておく

Nuxt.jsのserverMiddlewareがGAE上だとエラーになる

ディレクトリ位置の問題でserverMiddlewareが動かない現象が発生した

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

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

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

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

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

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

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

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

hard-source-webpack-plugin使用時に環境変数が切り替わらない問題に対処する

direnv利用時に環境変数を更新しても反映されなかったのでenvironmentHashに設定を追加した

Github ActionでfirebaseプロジェクトをS3にデプロイする

deploymentブランチにpushしたら自動でs3にデプロイできるようになった

create-nuxt-appで作ったアプリがDoneになったまま起動しない

stylelint.config.jsを変更する必要があった

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

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

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

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