Vuefire & Vuexfire

Synchronize your data and Firebase Cloud Store database in real-time

Note: This version currently supports Vue 2 and Firebase 7. Support for Vue 3 / Composition API and Firebase 8 is on the way.

Documentation

Introduction

Firebase provides two solutions to handle real-time databases: Realtime Database and Cloud Store (which is also a realtime database). In order to keep all clients data in-sync with its cloud database, their js SDK provides the tools to do so. However, it quickly becomes bothersome to bind multiple documents or collections to your application, keep them synchronized as well as handling references to other documents or collections, which can contain references themselves and must also be kept up to date. The goal of vuefire and vuexfire is to make this as simple as a function call that returns a promise so it is also easy to setup SSR and allows you to focus on developing your application.

To better understand why Vuefire will make it so much easier to develop Vue apps with firebase, please, check this link in the documentation

Note: This repository contains the code for vuefire and vuexfire packages:

Packages

Package	version	Description
vuefire		Firebase bindings for vue
vuexfire		Firebase bindings for vuex
@posva/vuefire-bundler		Rollup config to bundle packages
@posva/vuefire-core		Core bindings used for vuefire and vuexfire
@posva/vuefire-test-helpers		Helpers used across core, vuefire and vuexfire

Related

• Firebase Web Docs
  • Realtime database
  • Cloud Firestore (You should try this one which is also realtime)

License

MIT

Sponsors

Help me keep working on Open Source in a sustainable way 🚀. Help me with as little as $1 a month, sponsor me on Github.

Platinum Sponsors

Gold Sponsors

Silver Sponsors

Bronze Sponsors