Easily integrate Firebase into your Nuxt project.
โ ๏ธ 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. See the release notes here.
- ๐ Documentation
- ๐ Release notes
- ๐ฅ Community
Make sure you are using the newest version of Nuxt and have Firebase >8.0.0 installed in your project.
yarn add firebase # OR npm i firebase
Install the module via NPM or Yarn:
yarn add @nuxtjs/firebase # OR npm i @nuxtjs/firebase
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.
}
}
]
],
Now you can use all Firebase services with this.$fire.auth
, this.$fire.firestore
, this.$fire.messaging
etc. (see list here).
Example:
try {
await this.$fire.auth.createUserWithEmailAndPassword('[email protected]', 'test')
} catch (e) {
handleError(e)
}
If you have any questions or issues, check out the Nuxt Discord server.
MIT - Nuxt-Community - Pascal Luther