Super simple live syncing for your Framer X Data objects
A swappable replacement for the Framer data object that syncs it realtime to Firebase.
const data = Data({
userLoggedIn: false,
accentColor: "#0000ff",
})
const data = FirebaseData(firebaseConfig, {
userLoggedIn: false,
accentColor: "#0000ff",
})
$ yarn add firebase-data
Guide on using NPM packages in Framer x
firebaseConfig
a config object from Firebase project settings.initialState
an object of default values for the Data objectref
an optional string to use as a Firebase reference to set/get dataThe 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.