gatsby-plugin-firebase-v9.0

Provides support for Firebase JS SDK 9

🛠 Installation

use npm:

``
npm install firebase gatsby-plugin-firebase-v9.0
`

or use yarn:

`
yarn add firebase gatsby-plugin-firebase-v9.0
`

📌 Usage

$3

In gatsby-config.js:

`javascript
module.exports = {
plugins: [
...otherPlugins,

{
resolve: "gatsby-plugin-firebase-v9.0",
options: {
credentials: {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "",
measurementId: ""
}
}
}
],
}
`

$3

Use Firebase like how you would use in a React project.

`javascript
import React, { useEffect, useState } from 'react';
import app from 'gatsby-plugin-firebase-v9.0'
import { getDatabase, ref, onValue } from "firebase/database";

const Component = ({postID}) => {
const [dataVaule, setValue] = useState('');
useEffect(() => {
const database = getDatabase(app);
const dataRef = ref(db, 'data/' + postID + '/dataValue');
onValue(dataRef, (snapshot) => {
const data = snapshot.val();
setValue(data);
});
}, [postID]);
return


export default Component;
``

For more usages, please refer to the Firebase documentation.

$3

MIT