Buildship + FlutterFlow - THE ONLY 2 NO-CODE TOOLS YOU NEED TO BUILD AN APP

Ambitious Alim
6 Nov 202322:46

Summary

TLDRThe speaker shares their excitement for discovering 'Build Ship,' a no-code backend builder that allows for the creation of APIs using a drag-and-drop, block style approach. They emphasize the importance of decoupling front-end applications from backend services for scalability and security, especially in AI-powered apps. The video highlights the ease of use and intuitive features of Build Ship, which the speaker plans to use extensively in 2024 and beyond, along with other no-code tools like Figma, Flutter Flow, Firebase, and Superbase, to revolutionize app development.

Takeaways

  • πŸš€ The speaker has found a dream no-code backend builder, which is a significant development in their no-code journey.
  • πŸ” They have been searching for a no-code tool that allows API creation through a drag-and-drop, block-style approach, similar to Zapier but for developers.
  • πŸ›  The newly launched 'Build Ship' is being explored as a potential solution for building fully decoupled backend applications and deploying them to the cloud.
  • πŸ”— The concept of 'decoupling' is introduced as a key strategy in modern application development, emphasizing the separation of frontend and backend services.
  • πŸ“š The speaker criticizes the practice of directly connecting the frontend to databases or external APIs, which is considered non-scalable and poses security risks.
  • πŸ›‘οΈ Security is highlighted as a major concern when APIs are exposed in the frontend, as anyone can access the code and API keys.
  • πŸ”„ The importance of asynchronous operations in backend services is discussed, allowing for tasks to be performed independently of the frontend.
  • πŸ’‘ The speaker suggests using tools like Build Ship to create decoupled applications, which can handle complex workflows without updating the frontend.
  • 🌐 The transcript mentions the potential of using AI to generate entire workflows within Build Ship, making it accessible even for those without coding knowledge.
  • πŸ”§ The speaker plans to create tutorials on building full-stack applications using a combination of Figma, Flutter Flow, Firebase, Superbase, and Build Ship.
  • πŸŽ“ The speaker is excited about the potential of this tech stack to revolutionize no-code app development and is eager to share this knowledge with their community.

Q & A

  • What is the main challenge the speaker faced in their no-code journey?

    -The main challenge was finding a codeless backend builder that allows creating APIs using a drag and drop block style approach, specifically for developers rather than marketers or operators.

  • Why did the speaker quit their job to focus on no-code app building?

    -The speaker quit their job to go all in on building the number one no-code app building Academy, indicating a strong belief in the potential of no-code tools and a desire to be at the forefront of this movement.

  • What is the significance of 'decoupling' in application development as mentioned in the script?

    -Decoupling refers to the practice of separating the front end of an application from its back end. This is significant as it promotes scalability, security, and the ability to update business logic without affecting the user interface.

  • Why is it not advisable to connect the front end directly to a database or external APIs like OpenAI?

    -Connecting the front end directly to a database or external APIs can expose sensitive information such as API keys and URLs. It also tightly couples the business logic with the front end, making it difficult to update or scale the application without affecting the user interface.

  • What is the traditional full stack application architecture described in the script?

    -The traditional architecture consists of a front end, a back end, and a database. The front end communicates with the back end via APIs, which in turn interact with the database, processing data before sending it back to the front end.

  • What is the problem with the approach of directly integrating the front end with Firebase, as seen with Flutter Flow?

    -While this approach simplifies development by allowing direct read and write access to the database, it is not scalable and does not encourage the development of fully decoupled applications, which is a best practice in software development.

  • What is BuildShip and how does it differ from other no-code tools mentioned in the script?

    -BuildShip is a no-code backend builder that allows for the creation of APIs and workflows without coding. Unlike tools like Zapier or Bubble, which cater to marketers or are not encouraging full decoupling, BuildShip is designed to be more developer-friendly and supports the creation of fully decoupled backend applications.

  • How does the speaker plan to use BuildShip in conjunction with other tools in their tech stack?

    -The speaker plans to use BuildShip alongside Figma, Flutter Flow, Firebase, and Superbase to create a full-stack, end-to-end application development process. This tech stack aims to take over the no-code app development landscape.

  • What is the importance of having a 'dumb' front end in application development?

    -A 'dumb' front end is one that has minimal business logic and primarily takes orders from the back end or database. This design ensures that the application is easier to maintain and update, as changes to the business logic do not require updates to the front end.

  • What is the speaker's vision for the future of no-code app development with the tech stack they have chosen?

    -The speaker is excited about the potential of their chosen tech stack to accelerate app development ideas through a low-code, no-code approach. They aim to be at the forefront of this movement, providing tutorials and education to help others leverage these tools effectively.

Outlines

00:00

πŸ› οΈ Discovering the Ideal No-Code Backend Builder

The speaker expresses excitement about finding a dream no-code backend builder, which is essential for their no-code journey and the establishment of a no-code app building academy. They were searching for a tool that could create APIs using a drag-and-drop, block-style approach, similar to Zapier but tailored for developers. The newly discovered tool, BuildShip, launched recently and is built by the same team behind Roy, a Google Firebase interface. The speaker emphasizes the importance of decoupling in application development and criticizes the direct database connection approach used by some no-code tools, which they argue is not scalable. They advocate for a backend that handles business logic separately from the frontend to ensure security and scalability.

05:00

πŸ”— The Importance of Decoupling in Application Development

This paragraph delves into the concept of decoupling, explaining the traditional full-stack application architecture and how it has evolved with no-code tools like Flutter Flow and Bubble. The speaker critiques the practice of connecting the frontend directly to the database, which they view as non-scalable. They argue for a model where the frontend is 'dumb' and relies on a backend for business logic, which is crucial for security and the ability to update applications without affecting the user experience. The paragraph outlines the benefits of having a backend that can handle complex tasks like email sending, text messaging, and AI processing, and how these tasks can be automated without frontend intervention.

10:01

🚫 Avoiding Direct Frontend-to-API Integrations

The speaker warns against integrating the frontend directly with external APIs, such as chat GBT, due to security risks and the lack of scalability. They argue that APIs are the proprietary steps of an app's value generation and should not be exposed within the frontend code. Instead, they propose using a no-code tool like BuildShip to create a decoupled backend that can handle API calls and business logic separately from the frontend. This approach allows for the addition of new functionalities without the need to update the frontend, maintaining a secure and scalable application architecture.

15:02

πŸ€– Building AI-Powered Applications with a Decoupled Approach

The speaker discusses the common mistake of directly integrating the frontend with AI APIs and provides an alternative approach using a no-code backend builder like BuildShip. They describe a process where the frontend calls an API, which in turn makes inputs to external services and processes data before returning it to the frontend. This method keeps the frontend 'dumb' and moves all business logic to the backend, allowing for standardized inputs and outputs. The paragraph includes an example of creating an API for analyzing basketball shots, integrating with Slack, and using the chat GBT API for feedback, demonstrating how to build a decoupled application.

20:05

πŸ“š Embracing BuildShip for No-Code Backend Development

The speaker shares their enthusiasm for BuildShip as a no-code backend builder that allows for the creation of scalable applications without the need for traditional coding. They highlight BuildShip's features, such as AI-generated workflows, code access, and integration blocks for major services. The speaker plans to use BuildShip in conjunction with other no-code tools like Figma, Flutter Flow, Firebase, and Superbase to dominate the no-code app development landscape. They express excitement about the potential of this tech stack and invite viewers to join their Discord community and consider their app development program.

Mindmap

Keywords

πŸ’‘No-Code

No-Code refers to a category of tools that allows users to build applications without writing traditional computer code. In the video, the speaker discusses their journey with no-code tools and the importance of finding a no-code backend builder to create APIs without coding, which is central to the theme of no-code application development.

πŸ’‘APIs

APIs, or Application Programming Interfaces, are sets of rules and protocols for building software applications. The speaker emphasizes the significance of APIs as the building blocks of business logic in the script, highlighting the need for a tool to create APIs in a no-code manner, which is essential for the functionality and scalability of applications.

πŸ’‘Drag and Drop

Drag and Drop is a user interface paradigm that allows users to move or select elements by clicking and dragging the mouse pointer. The script mentions the search for a tool that enables API creation through a drag and drop block style approach, which simplifies the process for non-technical users.

πŸ’‘Zapier

Zapier is an online automation tool that helps integrate web apps to work together. In the video, the speaker compares the sought-after no-code backend builder to Zapier but notes that Zapier is not ideal for developers due to its focus on marketers and operators rather than developers needing a more robust backend solution.

πŸ’‘Decoupling

Decoupling in software architecture refers to the practice of separating the components of an application to enhance modularity and maintainability. The speaker introduces the concept of decoupling to explain the importance of separating the front end from the back end, which is crucial for building scalable and secure applications.

πŸ’‘Flutter Flow

Flutter Flow is a no-code tool for building applications with Flutter, a UI software development kit. The script discusses the evolution of no-code tools like Flutter Flow and the need for decoupling in application development, contrasting it with traditional full-stack application architectures.

πŸ’‘Build Ship

Build Ship is a no-code backend builder mentioned in the video. The speaker is excited about this tool because it allows for the creation of APIs and backend logic in a no-code environment, fulfilling the need for a codeless backend builder that they had been searching for.

πŸ’‘Request-Response Model

The Request-Response Model is a pattern where a client sends a request to a server and the server responds to the client. The speaker explains this traditional model in the context of application development, where the front end communicates with the back end via APIs, which is a fundamental concept in web development.

πŸ’‘AI Powered Applications

AI Powered Applications are software applications that utilize artificial intelligence to perform tasks. The script warns against directly integrating the front end with AI APIs like Chat GPT, which can lead to security issues, and instead advocates for using a no-code backend builder to handle such integrations securely.

πŸ’‘Cloud Functions

Cloud Functions are event-driven serverless computing services that run code in response to events. The speaker mentions the use of cloud functions as a method for creating asynchronous actions in applications but points out that they require coding knowledge, which is why a no-code solution like Build Ship is valuable.

πŸ’‘Business Logic

Business Logic refers to the underlying processes and rules that drive the operations of an application. The speaker stresses the importance of keeping business logic separate from the front end to maintain security and flexibility in application development, which is a key principle in software architecture.

Highlights

The discovery of a dream no-code backend builder that enables API creation through a drag-and-drop block style approach.

The importance of decoupling in application development for scalability and security.

Comparison between no-code platforms like Zapier and the need for a tool tailored for developers.

Introduction of BuildShip, a no-code backend builder by the creators of Roy, as a solution for decoupled applications.

Explanation of the traditional full-stack application architecture and its limitations.

The evolution of no-code platforms like Flutter Flow and Bubble and their impact on application development.

Critique of developers directly connecting their front end to databases and APIs, highlighting security risks.

The necessity of separating business logic from the front end for security and maintainability.

Advantages of using a backend builder like BuildShip for creating scalable and secure applications.

The concept of keeping the front end 'dumb' and relying on standardized inputs and outputs.

How to decouple applications properly using APIs and database triggers for automation.

The gap in the no-code market for tools that allow non-technical builders to create scalable applications.

The potential of BuildShip to fill the no-code backend gap and enable fully decoupled application building.

Demonstration of building a simple AI API call using BuildShip with intuitive AI integration.

The vision of using a stack including Figma, Flutter Flow, Firebase, Superbase, and BuildShip for app development.

The excitement and potential impact of the new no-code stack on the app development landscape.

Invitation to join a Discord community and enroll in a program for app development education.

Transcripts

play00:00

yes I finally found it I finally found

play00:04

my dream backend builder ever since I've

play00:08

embarked on this whole no code journey

play00:10

and quit my job to go all in on building

play00:12

the number one no code app building

play00:14

Academy I've been looking for the

play00:17

missing piece the missing piece has

play00:19

always been a codeless backend Builder

play00:23

that allows me to create apis so apis

play00:27

are uh the building blocks of your

play00:29

business business logic if you didn't

play00:31

know um I've been looking for a tool

play00:33

that allows me to build apis using a

play00:35

drag and drop block style um approach

play00:39

think zapier um but for developers

play00:43

zapier wasn't the ideal Choice zapier

play00:45

was built for people who are marketers

play00:47

or operators and people who just need to

play00:49

Stitch things together but there was a

play00:51

certain type of backend Builder that I

play00:52

was looking for uh to teach people and

play00:55

for myself to build fully decoupled

play00:58

backend applications and and deploy them

play01:00

to the cloud um and this all has to do

play01:03

with a concept called decoupling which

play01:05

I'll get into more in a second but

play01:07

honestly I'm so so so happy so build

play01:09

ship build ship recently launched about

play01:11

three weeks ago and I started exploring

play01:13

it last week build ship is is uh built

play01:16

by the same people who powered roey so

play01:19

many of yall may have been familiar with

play01:21

Roy Roy was a interface um for Google

play01:25

Firebase or fir store databases but Ry

play01:28

just built and launched something called

play01:30

build chip which think of it as flutter

play01:32

flow but for the back end um and for you

play01:35

to understand why this is so important

play01:36

let me just introduce you to a concept

play01:38

of

play01:39

decoupling okay so what I'm showing you

play01:41

here on the screen is traditionally how

play01:43

full stack applications uh were built so

play01:46

before no code and when you had to write

play01:48

code by hand think of react app this is

play01:51

typically the high level architecture

play01:53

you would have a front end and this

play01:54

would typically be react or flutter or

play01:56

view then your front end would talk to a

play01:59

back back end and that back end could be

play02:01

in Ruby on Rails node.js D Jango and you

play02:04

would connect to your back end using an

play02:06

API so your front end would talk to your

play02:08

backend via an API okay and apis can be

play02:11

of many types uh get post um patch put

play02:15

you name it and your apis would actually

play02:17

be connected to your database so your

play02:20

front end would talk to an API the API

play02:22

would talk to the database the database

play02:24

would then return the data back to your

play02:26

front

play02:27

end by processing it on the back end

play02:32

okay and then your backend would then

play02:35

take that data and send it back to the

play02:37

front end okay so this is called a

play02:39

request response model okay this is

play02:42

traditionally how apps were built but

play02:44

recently in 20123 we saw this evolution

play02:47

of flutter flow and bubble right so

play02:51

flutter flow is taking the no code

play02:53

Market by storm right now but the thing

play02:54

about Bubble is that it's not creating

play02:57

it's not encouraging the developers out

play02:59

there non-technical developers

play03:01

especially to build fully decoupled

play03:04

applications what I'm seeing a lot of

play03:06

right now from the fut flow developers

play03:08

that are out there so I'm going to say

play03:14

today's FF flow devs what's happening is

play03:17

that y'all are getting very spoiled you

play03:20

are taking a front end and connecting it

play03:22

straight to the database and I don't

play03:24

blame you because that's how futter

play03:26

flow's product was built futter flow's

play03:29

product was built so that you could take

play03:31

advantage of the builtin integration

play03:33

with firestore and just read and write

play03:36

data directly to the database and this

play03:38

is fine like many applications that were

play03:41

directly integrated with Firebase did it

play03:43

this way too but this isn't the scalable

play03:46

way of Building Products the real way

play03:49

you're supposed to build software

play03:50

products is by decoupling your services

play03:53

your front end needs to be separated

play03:55

from your back end and another pattern

play03:58

I'm noticing especially for those of

play04:00

y'all who are building AI powered

play04:02

applications some of y'all are taking

play04:04

your front end and integrating it

play04:06

directly with the chat gbt API directly

play04:09

from the front end okay this is terrible

play04:13

many many reasons why your apis are your

play04:17

business logic right the your apis are

play04:20

the

play04:22

proprietary um like steps that your app

play04:25

is taking to perform the value that

play04:28

you're trying to generate for your end

play04:30

user you don't want to keep those

play04:33

integrated with your front end that

play04:34

needs to be separated I'll tell you why

play04:37

I'm just a second but mainly What's

play04:39

Happening Here is that you're making

play04:40

your chat gbt API call directly from the

play04:42

front end and your front end code

play04:44

anybody can crack that open and look at

play04:46

all the code your front end code is not

play04:48

secure so you're putting your API Keys

play04:50

you're putting all the URLs of the apis

play04:52

that you're hitting inside of your front

play04:54

end if someone cracks open your front

play04:56

end all the code all the apis is readily

play05:00

available so this is absolutely a no no

play05:03

you do not want to be doing this okay um

play05:07

to represent that I'm literally just

play05:09

going to

play05:14

put don't do this right

play05:23

here okay we do not want to be doing

play05:26

this we do not want to take our front

play05:28

end and connect it to any API directly

play05:31

from the front end here's what you need

play05:33

to be doing instead and this is where

play05:35

the no code Market has seen a big gap

play05:38

there are players like zapier and Zeno

play05:40

Zeno is a great player for this and many

play05:42

of you are using Zeno but I've heard

play05:44

that the learning curve is kind of steep

play05:45

and zenos is I think made for the more

play05:47

sophisticated developer who's coming

play05:50

backward into no code I don't think it's

play05:52

meant for the brand new novice person

play05:55

who's going from uh literally no coding

play05:58

knowledge to backend build building I

play06:00

think that build ship might be the one

play06:02

okay but before I jump there let me tell

play06:04

you how you decouple your application

play06:07

and what a good practice application

play06:09

should look like okay so how you should

play06:13

be doing

play06:17

it is like this okay so you have your

play06:21

front end which can be built on flutter

play06:22

flow or view or we web or whatever you

play06:24

want to do of course you have a database

play06:27

that's fine we want you to have a

play06:28

database and you're going to need it but

play06:30

you also will need an API as well

play06:32

because an API or a backend right is

play06:36

going to be responsible for handling a

play06:39

sequence of events so this is going to

play06:41

be a little bit more complicated stuff

play06:43

because over time your application is

play06:46

going to get more complex you're going

play06:47

to want to send emails you're going to

play06:49

want to send text messages maybe or

play06:52

create documents or process data through

play06:54

AI or update other parts of your

play06:57

database because your database might be

play06:58

getting larger

play07:00

you may want to integrate with third

play07:01

party Services right like many of you

play07:03

are building applications that integrate

play07:05

with other applications um so you don't

play07:08

integrate with applications directly

play07:09

from the front end because now you're

play07:11

tightly coupling your business logic

play07:13

with your front end instead you need to

play07:15

have two separate uh Services your front

play07:19

end and your back end and in the

play07:21

traditional world of software

play07:22

engineering there's a motto you want to

play07:24

keep your front end as dumb as possible

play07:26

your front end should have as little

play07:29

business logic uh on it because your

play07:31

front end should just be something that

play07:34

takes orders from a back end or a

play07:36

database and this is why having a

play07:39

separated backend is super important

play07:42

imagine this say you integrate all your

play07:44

business logic directly into your front

play07:45

end and you have 20 different versions

play07:48

of your app that are in Market many of

play07:50

youall don't think about this but you

play07:51

will be shipping a new version of your

play07:53

app every week every two weeks every

play07:54

month over time there could be 30 or 40

play07:57

versions of your app in the market at

play07:59

any given time okay so if your business

play08:02

logic is connected to your front end

play08:04

that means you have 40 versions of

play08:06

business logic out in the market that's

play08:09

absolutely terrible because if you make

play08:11

one change or your business doesn't work

play08:13

the way that it did 3 weeks ago you are

play08:16

now outdating your users this is why you

play08:18

want to decouple the services your front

play08:21

end should always be looking for the

play08:22

same type of data your back end can

play08:25

change any time and as long as it's

play08:27

serving the front end the right type

play08:29

type of data or the right format of data

play08:31

you can make any changes you want to

play08:32

your business logic cool so when you

play08:35

want to build a decoupled app you have

play08:37

your front end that accepts a certain

play08:39

type of data right a certain data

play08:45

format okay and then you have your

play08:48

database and it's okay for your front

play08:49

end to talk to your database we want you

play08:51

to read and write data to the database

play08:53

but there might be situations where your

play08:56

database May

play08:57

trigger um API automations say like

play09:01

anytime a new order gets created it'll

play09:04

trigger your API so we could say you

play09:07

know when an order is

play09:11

created trigger order

play09:14

API okay and then your backend could

play09:17

then listen for orders being added to

play09:19

the database and then it could do a

play09:21

couple things right your backend can now

play09:27

say um

play09:29

create or generate an invoice you know

play09:32

generate invoice in stripe it can um

play09:36

send an alert to the ordering

play09:39

Department alert via SMS to the

play09:47

Fulfillment

play09:48

okay um what else can I do um say I

play09:52

needed to generate a shipping label you

play09:55

know generate shipping label you would

play09:58

then do all of these things in one step

play10:01

on the back end

play10:04

right and if you wanted to add anything

play10:06

else later on you always could without

play10:08

having to update the front end then your

play10:10

API would or your back end would handle

play10:12

all this okay so notice how you just

play10:15

created like a chain of

play10:17

automations without having to update the

play10:19

front end and now this entire piece

play10:21

right here this entire system is

play10:25

completely separated all your front end

play10:27

needs to do is update the database and

play10:29

then you can have a backend that's

play10:32

listening to your database and doing

play10:35

things completely asynchronously from

play10:38

everything else and asynchronously means

play10:40

while something else is going on it's it

play10:43

will do these tasks on the back end

play10:45

right so this is one way to do it right

play10:47

you can do it based on database triggers

play10:49

and yeah you might be thinking Cloud

play10:50

functions well okay to use cloud

play10:53

functions you need to know how to code

play10:54

and many of y'all don't know how to

play10:55

write node.js and it's the first time

play10:57

you've been introduced to the concept of

play10:58

aing synchronous actions right so for

play11:01

that reason is why you can be using

play11:03

something like build ship to create a

play11:06

completely decoupled back end okay cool

play11:09

that's one way but I've also seen many

play11:12

of y'all try to build AI applications

play11:14

and let me show you what I'm seeing

play11:16

right now uh well I kind of already told

play11:18

you a bit I'm seeing y'all directly

play11:20

integrate your front end with the chat

play11:22

gbt API that's absolutely not acceptable

play11:26

for the reasons I've already mentioned

play11:28

what you should be doing instead for the

play11:30

AI type of applications is you need to

play11:32

have an API that's maybe built on build

play11:35

ship or you know xano or custom coded in

play11:38

node.js or python okay and that API

play11:43

should be responsible for making the

play11:47

inputs uh to the uh chat gbt API so any

play11:51

of your external API services or API um

play11:55

servers should be called upon by your

play11:58

API

play11:59

API okay and then that data is returned

play12:02

to your API for further processing and

play12:04

then your API returns it all back to the

play12:06

front end so here's an example of like

play12:09

how I see that working

play12:15

so so here's an example of how I see

play12:18

that working what you could do is your

play12:22

front end would call your API and your

play12:24

API could be something like um say

play12:27

You're Building A app

play12:29

uh that takes in a video of you shooting

play12:32

a basketball and it runs that through

play12:34

some uh video API to analyze the video

play12:38

of you taking a basketball shot use

play12:40

other API to come up with feedback and

play12:42

then send that back to your um

play12:45

application what we can do is call

play12:47

create an API called review basketball

play12:50

shot okay and this is me kind of going

play12:53

over some high level API design

play12:57

um okay so we have we have a front end

play12:59

review basketball

play13:01

shot okay and as

play13:04

input we can take in a video path right

play13:08

okay now the next thing you want to do

play13:10

is call upon an API another

play13:13

API to

play13:15

analyze the video okay the external API

play13:19

will analyze the video maybe we want to

play13:22

send an alert to our slack Channel

play13:24

saying hey somebody just uploaded a

play13:26

video uh we can call an external API

play13:29

so we'll say slack

play13:31

API alert developer that

play13:35

someone submitted a

play13:38

video okay so we're doing all these

play13:40

things kind of one after another so the

play13:43

external AI API we'll analyze the video

play13:46

then we'll use the slack API to um alert

play13:49

the developer that someone submitted a

play13:51

video um we will

play13:54

then potentially use the chat gbt API

play14:00

we's say chat

play14:01

GPT API which will take the output from

play14:05

this uh video analyzing API and try to

play14:10

break it down so let's say that the

play14:12

video analyzing API returns um a summary

play14:15

of what's going on returns a text based

play14:19

summary of the video provided okay then

play14:23

we take that text based summary and we

play14:24

pass it to chat gbt we say input text

play14:27

based summary

play14:30

output

play14:31

suggestions for

play14:33

improving the basketball shot okay so

play14:37

cool we've sent a slack API hook we've

play14:41

um analyzed the shot through the chat

play14:43

GPT API and now what we can do is take

play14:47

that data give it back to the API that

play14:49

was originally called upon the review

play14:51

basketball shot API and now we can send

play14:54

it back to the front end got me so

play14:58

essentially what you've done here is

play14:59

you've moved all of your business logic

play15:02

to the back end and your front end just

play15:04

has to look for one thing and that's

play15:06

just a text summary of how you should

play15:08

improve your basketball shot right and

play15:10

so we can say return an

play15:15

object return an object I'll zoom in

play15:18

that looks like this um and we can have

play15:21

a thing called

play15:24

feedback and it can say tuck your

play15:30

elbow and more got it so as long as my

play15:33

front end gets an object that looks like

play15:35

this no matter what happens on the back

play15:37

end my front end doesn't care because my

play15:40

front end is dumb right okay so this is

play15:44

how you create a decoupled application

play15:45

and I hope I drove home the idea of how

play15:47

you create a dumb front end uh that is

play15:50

solely relied upon uh its inputs and

play15:53

outputs to be standardized so this is

play15:55

the traditional software development

play15:57

architecture stack and up till today I

play16:01

had not seen a no code tool for the

play16:03

backend that allows a non-technical

play16:06

builder to build a truly scalable

play16:08

application so for my application VY

play16:11

that I built a while ago um I had to

play16:13

write the back end myself and I knew

play16:16

that the landscape would continue to

play16:17

evolve and somebody would come out with

play16:19

the right uh software for this and it's

play16:22

finally here I know this video has been

play16:24

a bit long but this is going to be worth

play16:26

it because this will absolutely change

play16:28

the game build chip is new it's only 3

play16:30

weeks old but they are absolutely

play16:32

crushing it and they've done a lot of

play16:33

things right so head over to build chip

play16:35

check out what they're doing but

play16:37

essentially it's a no code backend

play16:39

Builder that as a developer as someone

play16:41

who built apps for 10 years by hand I

play16:44

think they're doing it perfectly it's

play16:46

the same objections that you can handle

play16:48

with front end with flutter flow you get

play16:51

access to the code you can use AI to

play16:53

generate entire workflows so if you

play16:55

don't know anything about coding you can

play16:56

literally just type into to their AI

play16:59

I need a node that you know sends a

play17:01

message to slack um creates an invoice

play17:04

on stripe sends an email and an SMS you

play17:07

can do all of that in a workflow Builder

play17:09

style format as you can see here on the

play17:10

screen right uh what you see here is the

play17:13

ability to use the AI you can hit

play17:15

generate um we can create our own rest

play17:18

API endpoints and we get access to the

play17:21

code um and it already has building

play17:23

blocks for major Integrations just like

play17:26

I was talking to you about so I create

play17:28

an account and I'm going to jump into

play17:29

build chip real quick and show you um

play17:31

how I would go about building a very

play17:33

simple AI um API call and in future

play17:36

lessons uh and videos on YouTube I'm

play17:38

going to be making more uh tutorials on

play17:41

how you can build a full stack

play17:42

application literally from end to end uh

play17:44

using flutter flow and build chip

play17:46

because I think I've made up my mind and

play17:48

this is going to be the stack that I

play17:49

choose to use all the way through 2024

play17:52

um and Beyond cool so imagine this I'm

play17:56

in flutter flow I'm building my

play17:58

application right um say I have

play18:01

something that's going on on the front

play18:02

end and on click of a button I need to

play18:06

you know dispatch an API call say after

play18:09

I create an account I want to dispatch

play18:12

an API or any button click rather I'm

play18:14

just trying to show you what how I see

play18:18

this working with phlow essentially you

play18:19

would create an API call and Bill Chip

play18:22

is going to provide you a URL that you

play18:24

can post in here we have to first create

play18:26

an endpoint and an endpoint if you don't

play18:28

know on an API is a location to a

play18:30

specific API uh process somewhere so

play18:33

essentially what you see here that I'm

play18:34

building is a rest API call that has

play18:37

path hello so let's say something like

play18:40

generate AI responses okay so

play18:43

essentially what I'm doing is I'm

play18:44

creating an API endpoint that is of type

play18:47

post and post typically means an API

play18:49

that accepts input get means apis that

play18:53

accept uh actually don't normally accept

play18:55

input that just send you output so I'm

play18:58

going to create a post API call that

play19:00

says generate AI responses we'd make a

play19:03

call to this API directly from here

play19:05

inside a photf flow and then we perform

play19:07

all our business logic from within build

play19:10

ship so I'll hit plus say we want to do

play19:13

a couple things let's say um we want to

play19:16

do something with slack and send a slack

play19:18

message boom we would add a building

play19:21

block for slack and then I'd head over

play19:23

to my slack developer portal to fetch my

play19:26

uh slack token I'd pass in my channel

play19:28

name maybe such as like the general

play19:30

channel on slack and say someone

play19:34

requested AI responses boom so then that

play19:37

would send a message to slack then what

play19:39

I do is I would find open Ai and create

play19:43

the integration with chaty BT so instead

play19:46

of integrating with chat BT directly

play19:48

from the front end like I've seen a lot

play19:49

of y'all do instead you can do it from

play19:52

the back in you punch in your prompt

play19:54

right here go to open AI get the secret

play19:56

get the key um

play19:58

not exactly sure what user request is

play20:00

you can adjust your temperature and then

play20:01

select the model right boom so I've

play20:05

created this API in point these two

play20:07

actions will trigger and then I will

play20:09

return a status quod 200 and then the

play20:12

value I can most likely get this value

play20:15

from an output of open AI or slack so

play20:21

say open AI return something I could

play20:24

then say output variables open AI chat

play20:29

and I could surround it in a string okay

play20:33

so this is actually of type object so

play20:35

potentially what I could do is

play20:40

say like

play20:42

that boom and that just made it happy so

play20:45

now what's going to happen is my front

play20:46

end is going to receive an object of

play20:48

type open AI chat and we could probably

play20:51

you know dive into here to see what

play20:53

the um expected data structure type of

play20:57

open AI chat would would be um in

play20:59

further lessons I'm going to learn all

play21:00

about how this works um how to parse

play21:03

data how to you know pass data from one

play21:06

building block to another but honestly

play21:08

in just literally 10 minutes of

play21:10

exploring I was able to pull this off

play21:12

without having to even learn anything

play21:14

that's how intuitive it is again that

play21:15

comes from someone who's 10 years of app

play21:17

development experience but my mission is

play21:19

now to go all in on this stack figma

play21:23

flutter flow Firebase super base build

play21:26

ship and just take over the no code app

play21:29

development landscape with this uh Tech

play21:32

stack I'm extremely stoked it took all

play21:35

year 2023 of us going all in on learning

play21:38

this landscape and I think we're finally

play21:40

at the point where we've covered the

play21:42

entire stack so extremely stoked um I

play21:45

think that there's so much more that's

play21:47

going to come out of this and we're

play21:48

excited to be literally the first people

play21:50

in the United States who are focus on

play21:52

accelerating app ideas through a low

play21:54

code no code Tex teack if you can't tell

play21:58

I'm stoked this was a long video but um

play22:01

so much more to come I hope you're just

play22:03

as excited if you have any questions

play22:04

feel free to join our free Discord

play22:06

Community there's a link in the

play22:07

description um we're also enrolling 20

play22:10

new students every month for dreams into

play22:12

Apps um all of our students so far are

play22:14

crushing it everyone's getting their UI

play22:16

built out starting to work on their

play22:18

flutter flow apps um many of us are now

play22:21

at that point where we're integrating

play22:22

our database and designing the database

play22:24

um soon we're going to be at the point

play22:26

where we need to implement custom

play22:28

uh business logic and that's where this

play22:30

whole uh scheme of Bill ship is going to

play22:33

come into play so if if you are

play22:34

interested in accelerating your app idea

play22:36

with our team use a link in the

play22:38

description we are on to something huge

play22:41

so cool thanks everybody for sticking

play22:43

around I'll see you another lesson take

play22:44

care

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
No-CodeBackend BuilderApp DevelopmentAPI CreationDecouplingFlutter FlowBuild ShipZapier AlternativeCloud DeploymentAI Integration