kendalled / nuxt-fire

🔥 Easily integrate Firebase into your Nuxt 2 project. 🔥

🔥 Nuxt-Fire

Easily integrate Firebase into your Nuxt 2 project.

📖 Read Full Documentation

Quick Setup

Install Nuxt-Fire via NPM or Yarn:

yarn add nuxt-fire # OR npm i nuxt-fire

Quick Config

Add the following to your nuxt.config.js.

See all configuration options here.

modules: [
    [
      'nuxt-fire',
      {
        config: {
          apiKey: '<apiKey>',
          authDomain: '<authDomain>',
          databaseURL: '<databaseURL>',
          projectId: '<projectId>',
          storageBucket: '<storageBucket>',
          messagingSenderId: '<messagingSenderId>',
          appId: '<appId>',
          measurementId: '<measurementId>'
        },
        services: {
          auth: true // Just as example. Can be any other service.
        }
      }
    ]
  ],

Quick Usage

Now you can use all Firebase services with $this.Auth, this.$fireStore, this.$fireMess etc. (see list here).

Example:

try {
  await this.$fireAuth.createUserWithEmailAndPassword('[e-mail]', 'test')
} catch (e) {
  handleError(e)
}

Advanced Setup

There is much more options to this simple setup, check out our full documentation below:

📖 Read Documentation

License

MIT - 2018-present Pascal Luther