今回のチュートリアルではNuxt.jsを使っていますが、全部フロントエンドで動いているのでVue.jsアプリでも同様に動きます。 TL;DR サンプルコードはGithubにあります。 VuexFireを使ってNuxt.jsアプリでFirestoreからデータを取得しページに表示させます。また、ページ上のフォームからFirestoreにデータを追加します。 はじめに 前回の記事でVuex.jsとFirebaseのCloud Functionsを使ってSSRアプリを作ってみました。 そのアプリをベースに、今回はVuexFireを使ってFirestoreを導入してみます。 FirestoreはFirebaseの提供するNoSQLデータベースです。現在はβ版ですが、今後Firebase Realtime Databaseに代わりFirebaseのデータベースサービスになっていくようです。 Step