Realtime Database Stores and sync app data in milliseconds
Netlify is an all-in-one workflow to build, deploy, and manage modern web projects.Netlify Integrations
It's easy to connect Firebase Realtime Database + Netlify without coding knowledge. Start creating your own business flow.
Triggers on updation of a child object in firebase realtime database.
New Child Object in a Firebase Realtime Database
Triggers when a new deploy of your site has failed.
Triggers when a new deploy of your site has started building.
Triggers when a new version of your site has successfully deployed.
Triggers when a form receives a new submission.
Creates or replaces a child object within your Firebase Realtime Database.
Performs a new deploy of an existing site.
Firebase Realtime Database provides a cloud-hosted NoSQL database that scales automatically. It is built to power real-time apps, with support for live data, offline access, and instant push notifications. The database is built on Google Cloud Storage, so it inherits the reliability and scalability of GCS.
Netlify is a web hosting service which allows you to host your static websites in a fully automated way without requiring any knowledge of the underlying infrastructure. Netlify aims to provide better security, performance, and usability than your traditional web hosting environment. On top of being a great CMS for building static websites, Netlify works with all kinds of backend providers - including Git, Dropbox, AWS S3, and more.
In this section, we will see how we can integrate Firebase Realtime Database and Netlify to build a real-time app. First, go to firebase conspe and create a free account. After that, click on "CREATE A NEW PROJECT". Now create a new project by giving it a name. Then click "Create Project". Now click "ADD FIREBASE TO YOUR WEB APP" and go to the settings page of your project. Click "Database" from the list of options. Now click "CREATE DATABASE". Now in the popup click on "Use Firebase as backend database". Note that this will add firebase to your project.
Now you have created the database for your project so now we need to integrate our project with Firebase. To do that first go to the dashboard of firebase and then open the tab called "Database" and then click on the tab "Rules" under "Security". In this tab go to the toggle button called "Visibility". This will enable the read access of your database. Next go to Netlify's dashboard. At the top right corner click on the button labelled "+ New Site", then choose "Build your site". Click on "Static site hosting". Here you can choose the type of site you want to build (for example Jekyll or Hugo. You can also choose whether you want to use GitHub or Bitbucket for your source code repository. After choosing these things you should be able to see your site url on the screen. Copy this url and paste it into the input field called "Hosting URL" and click "Create site". Now wait for some time this may take a while depending upon the size of your website. After that you should be able to see something like this below:
Now open the link https://firebasestorage.googleapis.com/v0/b/<yourprojectid>.appspot.com/o/oauth2/token in your browser. This will redirect you to a page where it will ask you for a permissions grant access for firebase access token. Grant access and copy the generated access token and paste it into the textbox given in the dashboard of Netlify as shown in the screenshot below:
You are now ready to start using Firebase Realtime Database in your Netlify app. If you were to open your website now it will ask you a permission for accessing the database so provide the permission and get access to your database and try saving some data into it. Note that if you are using an existing website then you can deploy your website using Netlify which will automatically configure firebase for you but if you are using a new website then you will need to fplow steps mentioned above to integrate firebase with your site first before deploying it on Netlify.
The process to integrate Firebase Realtime Database and Netlify may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.