How to integrate an RSS reader in Bubble

Go to the Plugins tab and open the API Connector (install it if you have not already). Click Add another API and name it RSS Feed. Add a new API call named Get Feed. Set the method to GET and the URL to https://api.rss2json.com/v1/api.json?rss_url=[feed_url]. The [feed_url] part is a parameter — Bubble will automatically detect it. Set feed_url as a URL parameter with a default value of a real RSS feed URL for initialization (e.g., https://feeds.bbci.co.uk/news/rss.xml). Leave it unchecked as Private so you can set it dynamically.

1GET https://api.rss2json.com/v1/api.json?rss_url=[feed_url]
2
3Sample Response:
4{
5  "status": "ok",
6  "feed": {
7    "title": "BBC News",
8    "link": "https://www.bbc.co.uk/news",
9    "description": "BBC News RSS feed"
10  },
11  "items": [
12    {
13      "title": "Article Title",
14      "pubDate": "2026-03-28 10:00:00",
15      "link": "https://www.bbc.co.uk/news/article-1",
16      "description": "Article summary text...",
17      "thumbnail": "https://image-url.jpg"
18    }
19  ]
20}

Go to the Design tab and add a Repeating Group to your page. Set its Type of content to Get Feed's item (the nested item type from the API response). Set the Data source to Get data from an external API → RSS Feed - Get Feed, and set feed_url to the RSS feed you want to display. Inside the Repeating Group cell, add a Text element for the title (Current cell's Get Feed item's title), another Text for the publication date, a Text or HTML element for the description, and an Image element for the thumbnail. Add a link or button that opens Current cell's Get Feed item's link in a new tab.

Create a new Data Type called FeedItem with fields: title (text), link (text), description (text), thumbnail (text), pub_date (date), feed_source (text), and external_id (text — use the link as a unique identifier). Create a backend workflow called store-feed-items that accepts a list of items. In the workflow, use Schedule API Workflow on a List to iterate through the items, checking if the link already exists before creating a new FeedItem. On your page, replace the API data source with Do a search for FeedItems sorted by pub_date descending.

Create a backend workflow called refresh-feeds. In this workflow, call the RSS Feed - Get Feed API action for each feed source you want to refresh. Then iterate through the returned items and create new FeedItem records for any that do not already exist. To schedule this, go to Settings → API and enable the Workflow API. Then create a recursive schedule: at the end of the refresh-feeds workflow, add Schedule API Workflow to run refresh-feeds again after your desired interval (e.g., Current date/time + hours: 1 for hourly refreshes). Add a termination condition to prevent infinite loops.

Create a Data Type called FeedSource with fields: name (text), url (text), category (text), and is_active (yes/no). Build a simple admin page where you can add, edit, and deactivate feed sources. Update your refresh-feeds backend workflow to iterate through all active FeedSources (Do a search for FeedSources where is_active = yes) and fetch each one. On the reader page, add a Dropdown or tab bar that filters FeedItems by feed_source.