@dword-design/nuxt-firebase

@dword-design/nuxt-firebase

Install

# npm
$ npm install @dword-design/nuxt-firebase

# Yarn
$ yarn add @dword-design/nuxt-firebase

Usage

Add the module to your nuxt.config.js:

{
  modules: [
    ['@dword-design/nuxt-firebase', {
      apiKey: <api key>,
      authDomain: <auth domain>,
      projectId: <project id>,
      storageBucket: <storage bucket>,
      messagingSenderId: <messaging sender id>,
      appId: <app id>,
      measurementId: <measurement id>,
    }],
  ],
}

Add firebase properties to a nuxt page:

import { firestoreData } from '@dword-design/nuxt-firebase/dist/helper'

export default {
  ...firestoreData(({ store, app: { $firestore } }) => ({
    feeds: $firestore
      .collection('users')
      .doc(store.getters['auth/user'].id)
      .collection('feeds'),
  })),
  render: () => ...
}

Now you have server-side data and also reactive data on the client side!

Contribute

Are you missing something or want to contribute? Feel free to file an issue or a pull request! ⚙️

Support

Hey, I am Sebastian Landwehr, a freelance web developer, and I love developing web apps and open source packages. If you want to support me so that I can keep packages up to date and build more helpful tools, you can donate here:

 If you want to send me a one time donation. The coffee is pretty good 😊.
 Also for one time donations if you like PayPal.
 Here you can support me regularly, which is great so I can steadily work on projects.

Thanks a lot for your support! ❤️

License

MIT License © Sebastian Landwehr