Streaming API Responses with Xano

[@Prizmstack]

This is killer!

[@Imbackoutside]

how did you split the text black and make each line an item?

[@nocodebackend]

Hi there! To split text and make each line an item for streaming API responses in Xano, you can use an array where each element represents a line of text. You can learn more about this in our documentation here: docs.xano.com/building-features/realtime/streaming-responses#setting-up-a-streaming-response. If you have any further questions, feel free to reach out to us in our Community Forum ( community.xano.com/ ). We’d be happy to help!

[@dhanukajayasinghe5657]

Great video! Though one question, how did we send data to this Streaming API from the front-end? I'm using Angular front-end, and to my understanding this is using Server-Sent Event technology, and the EventSource JS API does not allow sending data to Server. It just for establishing the connection from the client and receiving the events from the server. How did you achieved the part on sending data to server on Email sender demo?

[@LachlanXano]

Hey dhanukajaya, we have another video called - Connecting to Streaming APIs here on youtube which shows you how to connect your frontend.

[@ChrisCrompton]

Is there any way to get rid of the "ID" parameter being added to each streaming response chunk? (I'm streaming a response from a streaming API request, and I need to pass the streaming response without modification.)

[@LachlanXano]

Hey Chris, we have another video called - Connecting to Streaming APIs here on youtube which shows you a method to clean up the response and send it your frontend.

[@ourintern]

Incredible! Though one question, how could I implement this in Bubble? I have an AI chatbot currently, but every time I want to visualise a change in my Xano's database, I need to refresh the page. Is there a way to have the changes displayed directly? without need of refresh? And therefore possibility of using this streaming response? Thanks!

[@LachlanXano]

Hey there we have another video "Connecting to Streaming APIs" this will show you how you can work Chatgpt. Currently you'd use some custom javascript on the frontend to parse the response from the Xano API and have it update a variable in your bubble app with the response. In addition to streaming APIs we also have realtime channels available that enable you to send data across to the front-end as Xano receives it, you can leverage the Xano connector plugin to get started with this as well. Eli the plugin creator has a video walking through how you can get started