最近Nuxt.jsでWebアプリケーションを作っています。バックエンドはFirebaseをつかっていて、Firebase Hostingにgenerateした静的なファイルをデプロイしてサービスを更新しています。 今までは普通にnuxt generate したものを firebase deploy をしていたのですが、手動でデプロイするのが何とも面倒になってきたのでCircleCIを使ってビルドとデプロイを自動化することにしました。今回はその成果を書いていきたいと思います。 環境 事前準備 CIrcleCIの設定 build deploy workflows まとめ 参考書籍 関連URL 環境 開発環境としては以下のような感じ。 名前 バージョン Node 9.11.2 Nuxt.js 2.2.0 firebase-tools 6.0.1 nodeはもうバージョンが11まで出ていましたね。
![CircleCIでNuxt.jsでgenerateした成果物をfirebase hostingにデプロイする - チラシ裏日記上等!!新館](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac82e9aa5afdfbebbecb57a3a8e46a65aa465c55/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FT%2FTomato-360%2F20181111%2F20181111023337.png)