#BuildShip + #FlutterFlow - Create a secure #Supabase Workflow!

#BuildShip is a lowcode visual backend builder that lets you ship APIs, scheduled jobs, backend cloud functions instantly. Powered by AI, create your own workflow nodes, connect to any tool, database and create scalable backend for your apps.

In this video I walk you through creating a workflow which is based on a scenario presented within a #FlutterFlow application. First we look a securing your #Supabase project within BuildShip and then get to work on putting together a full end to end workflow which performs a Supabase database request and then makes a business decision on the response.

I also cover the handling of secure tokens which are key to maintaining a secure database by passing these through the workflow. I also take a look at testing individual parts of your workflow together with testing the full workflow. Additionally we look at couple of important areas within FlutterFlow to support your BuildShip workflow creations.

🔥 Consider also joining The Digital Pro's #Nocode Academy (link below).
_____

Chapters

00:00 Introduction
01:03 Scenario discussed in this video
02:18 Setup Supabase URL and API Key
04:02 FlutterFlow working example
04:45 Supabase Table Setup
06:16 Creating the BuildShip workflow
08:54 Using AI to create our first key node
11:28 Get records from Supabase
14:24 Filtering reference guide
15:40 Creating filters for our Supabase data
18:59 Testing a single node
21:53 AI node to check for empty list
23:37 Passing in our Supabase response to check
24:25 Branch node introduction, positive or negative
25:17 FlutterFlow API result recap
29:12 Fully test the workflow
31:54 Deploying and referencing your workflow in FlutterFlow
33:20 Finally adding your token in FlutterFlow
33:57 Outro

_____

(Support the channel and go ad-free! 😉)

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

[DQ]

This is a very important video for those using flutterflow, buildship and supabase. Great explanation.

[Dreysimmons]

Great tutorial on buildship👌🏾💯💯At least now I understand it waaay more now. And this is my first time trying to learn buildship. You’re a great teacher man🙏🏾💯❤️

[JoeSmith-knwo]

Great stuff as usual! As an experienced developer in multiple technologies your videos are great for getting up to speed on a topic with no fluff. Thanks

[Noirteclabs]

Excellent tutorial! This gave me a clear understanding on how to implement buildship for future projects. Thanks

[jayhu]

For a beginner as me I am very glad to find your channel.
Hopefully more in the future with the basic explanation of SQL if one choose the Supabase. Many thx.

[jimvh]

Really nice complete tutorial that gave me a good understanding of Buildship Steve. Congrats. Could you accomplish the exact same thing directly inside FF using custom functions?

[seka]

Great tutorial as always. I wish you shared the supabase table though. Unfortunately I couldn't follow along without the data. Also it is not clear how to generate an authorization token for test. You extracted it from browser but we haven't even seen the flutterflow part of the application yet.

[etherhealingvibes]

Great video!, how about the response time compared with native flutterflow logic and actions, via supabase or firebase?

[Gustosales-zqrb]

What software are you using to record this amazing tutorial?😊

[iamphantasm]

Good tutorial but you should have added how you create the super base table

[moses]

Can this be done with n8n vs. buildship? Or even node-red flows run on device against local storage of supabase data? The interest here is maintaining functionality offline.

[raiden]

Quick question: What are some reasons to use FF vs WIX, FRAMER, etc? For example, if a barber needs to have a place for their clients to book and/or cancel appointments, why not just use a website which essentially provides all of these functionalities, including payment, confirmation etc? Can you please talk about some of the pros/benefits of FF vs a Website?

[nocodecreative]

This looks interesting Steve, but given its price point, why would one use it over say a self hosted instance of n8n?

[Dreysimmons]

So I want to ask, with this setup, if a bad actor gets the api url(generated from buildship) from the front end (flutterflow), can they still do something bad with it? Maybe send plenty requests and crash the workflow/app or something? Or we will have to make all api calls in flutterflow private?

Also does making an api call private in flutterflow hide the api url as well? Or it just hides the request headers but not the api url?

Sorry if this is a lot of questions but I am trying to learn the very best security practices regarding flutterflow.

[BGdev]

And right at 15:49 is where things go from "no code" that Flutterflow, BuildShip, etc. ALWAYS and conviently leave out! If you don't already know how to read & write this code you don't have much of an app do you?

[ChrisCrompton]

What's the point of integrating with Supabase if BuildShip has its own database backend?

[rehaanu]

How do we sync offline to online or online to offline using supabase, you have covered firebase but what about supabase.

[jeromesreviews]

This is a good tutorial but things have changed since you made this video. Like the AI generation part is different and there is no token showing in the Superbase Get Row.

[melvinjongen]

Can you make the hairdresser template available ? Or maby can you show how to build and connect the hairdresser app thanks a lot

[jwolpert]

Not clear how this is actually secure. Still coding the bearer token FF. Great that buildship has integration with GCP secret manager, but unless I’m missing something, that’s just kicking the can up the hill, because FF still needs to handle keys. So you’re back to having to write cloud functions and push .env in FF to manage it properly, and the last time I tried that, it became a mess fast. Would have been easier to write it from scratch in VS code.