React Native (Front) & Bubble (Back)

Need help
1

Hello everyone,

I have a project to create an mobile app with React Native. I already used Bubble (like a frontend) few month ago. I was wondering if it was possible to make a Bubble Backend enabling to communicate with my React Native Frontend ?

If so, how should I proceed ? Do you know if it exists some documentations or project regarding my questionning ?

Thanks in advance.

2

Welcome to the Bubble Community! :raised_hands:

Yes. You should be able to do that. You just use Bubble’s backend workflows and API.

Here is something to get you started: Using the API - Bubble Docs

Hope that helps. :blush:

1 Like
3

Another (somewhat unrelated) question.

Instead of using the Bubble backend, I would like to use Supabase. Is it possible to connect Bubble to Supabase?

I thought I saw that you could do it with the API Connector? Is it paid version ?

4

Hey @armandpetit.osly :wave:

It does look like you can connect using the API connector. APIs | Supabase

The API connector doesn’t need you to be on a paid plan.

However…

If you use Bubble as a backend, you will need to be on a paid plan. Otherwise the backend workflows won’t work.

Hope that helps a bit. :blush:

1 Like
5

Hi, I just have another question. I dont undertand how I can call Bubble via React? In other words, if I understand correctly, I will set up React as an “API”? Also, I can’t find in the documentation how I’m going to call data from Bubble… What are the steps to follow to connect Bubble (Backend) and React (FrontEnd) (apart from those in the doc)?

6

Well, let me see how much I can help. :man_shrugging:t2:

Really, you are setting up Bubble as an API. Then you use React to communicate with Bubble using REST I believe.

Do you know how to connect to APIs in React?

I can show you how to set up Bubble to ‘open’ it up so you can use it as an API as a backend.

You will need to connect it on React though. Basically, once you get Bubble set up correctly you can view it’s swagger file which shows you how to access the data if that helps.

I can try to share some screenshots on the Bubble side of things if you want. I just need to try to do that in between sessions. I have a full schedule this week already. Hope to post screenshots soon for you.

1 Like
7

I read and watched a lot of tutorials this afternoon.

I understood the difference between Data API & Workflow API. Afterwards, I found out a node.js package (https://github.com/pixelplicity/node-bubbleio) to create some requests from React.

In my case, I want to display some datas from Bubble in React so I need to use Data API (I watched this tutorial: How to use the Bubble.io Data API Endpoint - YouTube) In addition, I want to carry on an Sign In form, so I think I have to use Workflow API (but i’m not totally sure).

If you have the time, it would be great. Thank you very much for your time.

10

This topic was automatically closed after 70 days. New replies are no longer allowed.