Getting Started


Make sure you are using the newest version of Nuxt and have Firebase installed in your project.

yarn add firebase
npm install firebase


Install the module via NPM or Yarn.

yarn add @nuxtjs/firebase
npm install @nuxtjs/firebase


Add the below code to your nuxt.config.js modules array and adjust it according to your needs.

Visit the config section for a detailed overview about each configuration.

Example Configuration

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

See list of all available services here.

You can also separate the config from the module array by using the firebase object:

modules: ['@nuxtjs/firebase'],

firebase: {
   // options
Edit this page on GitHub Updated at Tue, Mar 23, 2021