nuxt-community / Firebase Module
Licence: mit
🔥 Easily integrate Firebase into your Nuxt project. 🔥
Stars: ✭ 493
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Firebase Module
Nuxt Firebase Sns Example
Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
Stars: ✭ 485 (-1.62%)
Mutual labels: firebase, nuxt, nuxtjs
Nuxt Ssr Firebase
Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting
Stars: ✭ 273 (-44.62%)
Mutual labels: firebase, nuxt, nuxtjs
Firebase Gcp Examples
🔥 Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.
Stars: ✭ 470 (-4.67%)
Mutual labels: firebase, nuxtjs
Graphcms Examples
Example projects to help you get started with GraphCMS
Stars: ✭ 295 (-40.16%)
Mutual labels: nuxt, nuxtjs
Nuxt Material Admin
Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Stars: ✭ 310 (-37.12%)
Mutual labels: nuxt, nuxtjs
Nuxt Purgecss
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
Stars: ✭ 356 (-27.79%)
Mutual labels: nuxt, nuxtjs
Wuxt
Nuxt/WordPress development environment, combining the worlds biggest CMS with the most awesome front-end application framework yet.
Stars: ✭ 459 (-6.9%)
Mutual labels: nuxt, nuxtjs
Vue Gallery
📷 Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
Stars: ✭ 405 (-17.85%)
Mutual labels: nuxt, nuxtjs
Nuxt7
📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
Stars: ✭ 282 (-42.8%)
Mutual labels: nuxt, nuxtjs
Style Resources Module
Nobody likes extra @import statements!
Stars: ✭ 485 (-1.62%)
Mutual labels: nuxt, nuxtjs
Nuxt Webfontloader
Efficient web font loading has never been easier!
Stars: ✭ 264 (-46.45%)
Mutual labels: nuxt, nuxtjs
nuxt-star-admin-extra
Admin Template base on Vue StarAdmin with improved on design and served using Nuxt.js
Stars: ✭ 19 (-96.15%)
Mutual labels: nuxt, nuxtjs
admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (-92.09%)
Mutual labels: nuxt, nuxtjs
Awesome Nuxt
A curated list of awesome things related to Nuxt.js
Stars: ✭ 4,285 (+769.17%)
Mutual labels: nuxt, nuxtjs
Easily integrate Firebase into your Nuxt project.
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. See the release notes here.
Links
Quick Setup
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
Quick Config
Add the following to your nuxt.config.js.
See all configuration options here.
modules: [
[
'@nuxtjs/firebase',
{
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.
}
}
]
],
Quick Usage
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)
}
Issues, questions & requests
If you have any questions or issues, check out the Nuxt Discord server.
License
MIT - Nuxt-Community - Pascal Luther
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].