In this video, we demonstrate how to connect Xano Realtime with Bubble using the Xano Connector plugin. We go through the key steps, including setting up the WebSocket connection, configuring channels, and managing real-time interactions within Bubble. By the end of the video, viewers will have a clear understanding of how to push data to the front end, manage user authentication, and implement advanced real-time features, all without needing page refreshes.
00:00 - Intro
00:32 - What you need to know before opening Bubble
01:41 - Configuring the Xano Connector plugin on Bubble
02:45 - Setting up the elements and the workflow
04:11 - Allowing anonymous clients in the channel
05:51 - When Bubble receives a Realtime message
07:04 - Authentication in the channel
09:30 - Presence updates
10:34 - Allowing public messaging
11:39 - Parsing the messages and channel history
Xano - The Fastest No Code Backend Dev Platform
https://go.xano.co/4cCvVPm
Twitter
https://twitter.com/nocodebackend
Subscribe to Xano's Channel for Weekly New Content
https://www.youtube.com/c/nocodebackend