Connect to Firebase Cloud Firestore or Realtime Database


Firestore requires a specific configuration to connect from the client. Firstly, open your Firebase appProject Settings - SDK setup and configuration. Open the Config tab and copy the setup script, that will be used later for integration:
Copying Firebase config script
If there is no web app connection available, create it:
How to create a web app connection in Firebase
Below is a sample of what a setup script might look like:
const firebaseConfig = {
apiKey: "AIzaSyDyWoZsfx4XnpCQ89Sf1BkDTTSWwV4m244",
authDomain: "",
databaseURL: "",
projectId: "fir-webinar-39878",
storageBucket: "",
messagingSenderId: "345464345951",
appId: "1:345464345951:web:1f33b5a91d6d954bc512ea"


Open UI Bakery Project – Data sources - Connect - choose Firebase from the list
Specify Datasource name, then paste the copied script into the Configuration field, then enable Firebase products you are going to use (e.g. Realtime Database)
Click Connect
Authentication instructions are listed in the article below:
Now, can learn how to manage your data from Cloud Firestore or Realtime Database