- Tubelator AI
- >
- Videos
- >
- Entertainment
- >
- Enhance Chat Apps with FlutterFlow AI Assistant Template and BuildShip Integration
Enhance Chat Apps with FlutterFlow AI Assistant Template and BuildShip Integration
Create custom AI chat assistants with versatile capabilities using the FlutterFlow chat template and BuildShip backend integration. Empower your assistant with access to various data sources and integrations for richer and personalized user interactions.
Install Tubelator On Chrome
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
Hey, builders, got something truly exciting lined up for you today.
We're going to take the standard Flutter flow chat template
and give it superpowers thanks to Buildship's backend brawn.
Forget the basic API call to chat GPT that's baked into the template.
We're going to trigger a Buildship workflow
that empowers your very own custom AI assistant
to engage with users in a whole new way.
The real game changer here is the versatility.
Your assistant isn't just smart, it's connected.
With access to any node or integration that Buildship supports,
your AI can pull in data and insights to make conversations richer and more informative.
Imagine an assistant that doesn't just chat, it taps into your documents, crunches your data,
and interacts with your entire digital ecosystem to deliver responses that are not just relevant,
but incredibly personalized to you and your use case.
I've dubbed these two the low-code power couple in the past,
and I absolutely stand by that statement.
So let's explore the endless possibilities.
when the simplicity and convenience of FlutterFlow
meets the boundless potential of Buildship.
To get started, click the Marketplace tab here in FlutterFlow.
That will bring up the FlutterFlow Marketplace.
If you scroll down to the popular items,
you'll see this ChatGPT template.
This is a great starting point,
but it also forms a fantastic base if we wanted to extend it.
And instead of calling ChatGPT alone,
calling our Buildship workflow instead
and having it return the results.
Click Add Now, sign in,
and in Flutter Flow, you're ready to go.
All right, we need to get our heads around
how this template works.
If we come over here to the icon button,
we can see there are six actions.
In our Action Flow editor,
we can see that when a user hits the send button,
it saves the chat history to a page state variable.
It calls OpenAI's chat GPT,
and if successful, it updates the page state
with the chat history again.
So that works great,
and it's broadly the same process
that we're going to want to do
with our assistant AI in Buildship.
So let's jump in.
across to Buildship and decide what sort of assistant we want to be chatting with.
There's a huge range of templates in this section. You can chat with your database,
a Google Sheet, analyze data, or even act as a tour advisor.
But the template we're using in this example is the website Q&A template.
With this assistant, the user gives it a URL and what it wants to find out from that URL.
