Skip to content
Super simple live syncing for your Framer X Data objects
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
README.md
index.js
package.json
yarn.lock

README.md

FirebaseData

A swappable replacement for the Framer data object that syncs it realtime to Firebase.

Usage

Normal Data Object

const data = Data({
    userLoggedIn: false,
    accentColor: "#0000ff",
})

Firebase Synced Data Object

const data = FirebaseData(firebaseConfig, {
    userLoggedIn: false,
    accentColor: "#0000ff",
})

Install

$ yarn add firebase-data

Guide on using NPM packages in Framer x

API

FirebaseData(firebaseConfig, initialState, ref?)

  • firebaseConfig a config object from Firebase project settings.
  • initialState an object of default values for the Data object
  • ref an optional string to use as a Firebase reference to set/get data

Troubleshooting

The most common issues in setting up firebase-data are related to the Firebase setup process. I've walked through the process as well some common problems & solutions in a paper document.

You can’t perform that action at this time.