🔥 Nuxt Firebase

Easily integrate Firebase into your Nuxt project.

v4 to v5 Upgrade Guide

‼️ BREAKING CHANGES in the last Update ‼️

Quick Setup

Make sure you have the newest versions of Nuxt and Firebase installed and setup in your project.

yarn add nuxt # OR npm i nuxt
yarn add firebase # OR npm i firebase

Install the module via NPM or Yarn:

yarn add @nuxtjs/firebase # OR npm i @nuxtjs/firebase

Quick Config

Add the following to your nuxt.config.js.

See all configuration options here.

modules: [
    [
      '@nuxtjs/firebase',
      {
        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.$fireAuth, this.$fireStore, this.$fireMess etc. (see list here).

Example:

try {
  await this.$fireAuth.createUserWithEmailAndPassword('foo@foo.foo', '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 - Nuxt-Community - Pascal Luther

🔥 Nuxt-Fire：轻松将Firebase集成到Nuxt 2项目中