Introduction

Easily integrate Firebase into your Nuxt.js project.

Enjoy these docs in light and dark mode: 

IMPORTANT!

BREAKING CHANGES IN VERSION 7.0.0!

Version 7 brings major breaking changes. Make sure to carefully read through the migration guide when migrate your application.

Features

Simple Setup – Minimal setup required to integrate all Firebase services into your Nuxt.js application.
Performant – The module uses dynamic imports of each individual Firebase service to reduce bundle sizes and improve performance.
Additional Features – Enjoy the benefits of additional features such as automated setup of .onAuthStateChanged() for Firebase Authentication and more.

What is this?

The Nuxt.js Firebase Module is a module that helps you integrate the Firebase JavaScript SDK into your application with ease. By simply configuring this module in your nuxt.config.js file, you can use all Firebase Services throughout your app.

By importing each individual Firebase service dynamically this module reduces bundle sizes and improves performance of your Nuxt.js app with Firebase.

The module additionally adds other perks such as a plugin that automated the setup of onAuthStateChanged() for Firebase Authentication or other helper functions that make your life with Firebase easier.

How does it work?

The module adds a plugin to your Nuxt.js application that handles the initialization of each Firebase service (Authentication, Firestore, etc.). It then injects these services into the global context which makes them easily available throughout your application.