Nuxt開発の小ネタです。環境変数を開発環境/本番環境で切り分けたいときにどうすればよいか、わからなかったのでメモしておきます。 環境 nuxt@2.5.1 vue@2.6.10 @nuxtjs/dotenv@1.3.0 dotenvモジュール nuxtのdotenvモジュールを使います。 github.com インストールは下記コマンドで行ってください。 $ npm install --save @nuxtjs/dotenv # yarn add @nuxtjs/dotenv .envファイル作成 それでは環境変数を設定するファイルを作成していきます。 configディレクトリを作成し、 .env.dev と .env.prod のように環境ごとにファイルを作成します。 config ├── .env.dev └── .env.prod それぞれのファイルに環境変数を記載します。 con

Nuxt/VuexでFirebase Authenticationを使ったユーザー認証機能を作るにあたって、基本的なやり方はFirebaseドキュメントに書いてあるのですが、「どこに何を書けばいいのか」がよくわからなかったので調べながらまとめてみました。 完成形 こんな感じで用意されたUIを使ってログイン機能が実装できます。 前提条件 Firebase Projectの作成/Firebase SDKの作成はNuxt/Vuexには関係しない部分なので次の記事を参考に行ってください。この記事はFirebase SDKをNuxt/Vuexにどう組み込むか、を中心に書きたいと思います。 firebase.google.com 環境 nuxt@2.5.1 vue@2.6.10 vuex@3.1.0 firebase@5.9.2 firebaseui@3.5.2 FirebaseUIインストール＆CS