AI Assistant Streaming with #BuildShip + #FlutterFlow - Full Example

Published 2024-05-07
In this community requested video we enhance a sample chat application in FlutterFlow to support Open AI Assistant Streaming directly from a #BuildShip workflow. Streaming is common in chat style applications which slowly returns content as its being delivered from external services. This is a familiar site in tools such as #chatgpt.

#FlutterFlow does not directly support streaming but with a little #lowcode and a helpful walkthrough video you will be up and running in no time. As always I provide a starter project which can be used in FlutterFlow to follow along in this video. Once complete you will be familiar on how to implement this type of functionality in your own applications.

Disclaimer: Streaming cannot only be tested using a local simulator or mobile device using Local Run. Please do not test this in the web browser as streaming is not supported. Also my BuildShip Foundation course is work in progress and will gradually be released in the NoCode Academy as each section is completed.

_____

Starter Project - app.flutterflow.io/project/ai-build-ship-stream-as…
Final Project - app.flutterflow.io/project/ai-build-ship-stream-as…

🔥 Looking for more content? Checkout the details below!

_____

Chapters

00:00 Introduction
00:44 Sample Application Demo
02:15 Steps for success
04:28 BuildShip Workflow creation
13:14 FlutterFlow Starter Project Overview
22:38 FlutterFlow customisation
36:00 Application Test
37:41 Summary + Outro

_____

🚀 The Digital Pro's NoCode Academy: www.thedigitalpro.co.uk/
(Support the channel and go ad-free! 😉)

👍 Looking for premium content on YouTube? Join as a channel member: youtube.com/channel/UCuV0yG992ILG-wNBSKTEwhQ/join

🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee

👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutterflow

🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank y

All Comments (21)
  • @janmolski
    You are the GOAT! Thank you for that tutorial!
  • @kellyumerah
    You're amazing Steve 💯👌 Keep helping the community ❤️
  • @MarlonVan
    You are a Legend. Almost everything I have leaned on Flutterflow is from your videos, Thank you so much. I have contributed the the success of my first app, appreciate all your videos mate.
  • @David_tommy
    The video have been waiting for ages ❤️❤️❤️ thanks digital pro
  • @MarlonVan
    I just signed up to the nocode academy, looking forward to learning more
  • @MyInspireSphere
    What is the advantage of using Buildship Vs. The built in Flutterflow APIs?
  • @joebradley_atk
    Absolutely love your videos, and I can’t thank you enough for taking the time to make and share all of this information. Would you potentially be able to create a tutorial on how to create shared lists between users using flutter flow and Supabase? Using your goals tracking app as an example, this feature would allow to users to view and update each other’s goals. Thank you!
  • When adding my URL and trying to test it via local run on phone. Im getting an error saying "streamresponse https", im adding in my buildship url as needed.
  • @daleoshea4204
    If I just want to get one response each time a bottom sheet is shown (not a back and forth chat experience), but I want the response to have instructions, what’s the best approach? Basic chat completion query with a system message for each call or have an assistant with the instructions?
  • @luvfashionltd
    That is legend. Can you please advise how can I send the images to the Assistant API?
  • @janmolski
    I would love to see also a video on how to make a history of these conversations available. I tried myself but it's harder than I thought to save the history somewhere and let users come back to their messages. If there's such video in the NoCode Academy... let me know I would gladly join just for this one wideo.
  • Could you please make a video on just this again (FlutterFlow and BuildShip) but using end user data from within Supabase to influence the responses from ChatGPT? In other words, an OpenAI assistant that is hooked up to user data in Supabase, all assembled in BuildShip for deployment to FlutterFlow.
  • @itsmeoguzhan
    I have connected to the Firestore database and I can see the message I sent, but how can I view the incoming messages as a stream and how can I add the message as an updated document? I would be grateful if you could help.
  • @janmolski
    I would love to see voice a assistant using OpenAI or 11 Labs tts streaming node and Openai streaming node in Buildship with frontend in FF. Waiting for LLM to finish the response and then for the TTS to finish takes so much time. It would be awesome to have a voice assistant with little.
  • @SoHo2808
    If I got buidhsip error: ClientException with SocketException: Failed host lookup: 'url' , is that a problem with my emulator? I am using visual studio code + android emulator. Or a problem with the code? - I just dont get responses when streaming
  • Thank you for gteat work. Can you help? In my app (Ai-BuildShip-Stream-Assistant-Final) I can only get an answer to one question, after the second question I do not receive answers from the assistant.