How to display next results using Paging cursors Before, After, Next?

Need help APIs
1

Hello,

I’m calling the Instagram Graph API to get a list of media. This list is displayed in a repeating group, so far so good. However, it is limited to 25 items so I know I have to use the paging cursors from the API response to display the next set of data.

I’ve noticed that I can now reference the paging cursors in the design tab, see below.

Capture d’écran 2021-12-04 190206

My question is : is there a way to create custom next/previous buttons to navigate through the API results in a repeating group ? Here is a video of what I’m talking about, but with code. Watch on Youtube

Thanks a lot for your help,
Ousseynou

2

Yes definitely a way. Typically api provider documentation will make it clear how to do it using their API. Concept is basically the next API call would start from the previous calls next page cursor.

3

Thanks for your answer. I read the API documentation pagination section but I can’t figure out how to make it happen in Bubble yet. Still lot of learning to do :nerd_face: