Bubble x FlutterFlow | Qual é a melhor ferramenta nocode?

You are about to witness a duel between giants on one side we have Bubble the best known no code tool on the market with Bubble you acquire great powers to build basically any application on the other side we have flutterflow no code tool to create multiplatform apps based on flutter technology and in this video here I'm going to do a comparative analysis between the two tools and which one is better we're going to compare important factors such as features community opportunity and values ​​of each tool and in the end we are going to leave our sincere opinion on which of these two tools is the best. My name is Matheus Castelo and welcome to no code Startup, here we teach you how to create profitable business by creating apps without having to program if you are interested in the love of quality content on the subject already subscribe to the channel and leave your like So let's go to the comparative analysis of the two tools, well and what will be the content of this video first we will start by analyzing each tool inside we see what are the similarities and what are the differences when we build ours application inside Bubble and flutterflow after we get to know the two tools from the inside, we'll go through the general comparison So we'll take the main features and compare between the two tools, we'll also talk a little bit about the back end and how each tool deals with the back-end about values ​​and also about the community and opportunities within the Bubble and the protector and finally we go to the conclusions where we will talk a little more about the Clear differentials of each tool After all this analysis What are the points to consider before you choose which will be the main tool and at the end of the video we will give our honest opinion on which of the two is the best tool in Coach for you to build your app if you want to download this complete material in PDF it will be available here at the link below So let's go there now that we are going to start this Duel of Titans Bubble versus flutterflow Oh and remembering very important this whole analysis was done together between me and my partner Neto who is a specialist in the tool and we months studying all the tools on the market and we arrived at Bubble and flutterflow, which are the best tools for us to be able to create robust and very well-designed applications . comparison and in practice So here we have our flutterflow travel app, it's a complete course that's available here on the channel .

did is a very complete course that you make an app from scratch in Bubble of book list so we can put here our books that we want to read wish list books that we are reading and books read here I don't I'm going to present it now if you want to take a look at our course which is very step by step in one of the best free courses I've ever seen Honestly, there's no other course like it on YouTube but showing a little here of the comparative layout of Tools for building in the Bubble we have elements here on our left so we have the visual elements here the text button and icons images we have elements here of containers we will be able to group these elements and organize them inside our screen we also have form elements for example, input element and drop Down checkbox, we can connect these elements here and drag them to the screen, right, so we do everything there . text elements have the containers, it's also very similar to the design part and there's a wide range of elements that we can be using within our Card, not only in the Bubble, but also in the photo, we can access elements of the Marketplace community components and templates for us to use in our application if we want to edit an element or put something different we can edit by clicking here for example the element I will click here on the image of the skies this little window will open this pop-up that I can type all the appearance of my element all the layout and conditionals too if I want to define some conditional then here in bubb it's very complete We can do practically anything and there are many options there for us to be able to edit, be it an image, a text, any other layout you want in the flower flater when we click on an image here and some container will also show the edits what are we going to do in this part here on the right all the image alignment part all the padding part And also here if I come to this element tree part I will be able to access my elements that are here on the screen, right, so we have our entire tree and we can click on whatever we want, so for example here in the horizontal list we have this list I will click and be able to access it or here in this container is the container of the trip itself in the Bubble too to visualize this very easy list of Bubble which is very similar we can access our food tree you come here look in this part of this container of the profile I can access my elements tree to see everything that is inside it and everything that it was organized here inside the tree so it's very similar And then in flutterflow if I want to do some action for example to click and open something I can come here in the actions o actions so here we will have an action editor that every time I click something else will happen so I can come here in Open And then I can put all my actions so ah when he clicks I want it to open the page when the person clicks I want the user to register Then send an e- mail so we can do very complete actions and in Bubble this part is also very similar, very robust so if I came here for example put my stick here and here in the add book For example I have that pop-up and we can do it in a workflow I clicked on this whole part will appear so here happens when clicking on the button such a thing will happen then it will show a pop-up and then we can connect any action and this part of the Bubble is very robust because it has numerous actions that the we can do it if you want to see it in more detail again see the Bubble course or also access the Bubble tutorial And then a difference that we already talked about in the presentation is that Bubble has an integrated database so here in this one part of it, we can organize our entire database here, we have the book table and the users table, for example, so it facilitates this process of interaction between the dot and the database, especially for those who are starting to do this, we have what to see Fire Store is fire base database and connect our database there firebais this I explain step by step there in our flutterflow course take a look here it's pretty cool and here in Bubble I also have access to hundreds there thousands of very important plugins and also we can have the plugin make apis connections inside the database which is also a differential gain for Bubble we can also make our api calls here define our calls in relation to plugins there is not so much in the have more ready-made templates and ready-made apps and whenever we want to do something different, we can do a custom anointing here so sometimes we will have a little contact with code inside the platform but it will give a lot of power for us to be able to build applications and robust I hope it was a little clearer how to build applications in Frota and in bobo again the intention here is not to explain in detail it is just to show the difference between the two tools what I recommend is that you take the two courses that here on the channel we have the bubble fire making course that you will understand in practice . first it's very important let's understand what they are Web Apps and Mobile Apps and what a tool does not Web Apps are nothing more than web applications applications that we usually use on desktop on the computer in the office and Mobile Apps mobile apps are the apps that we usually use inside from the cell phone that we can use the native resources of the cell phone and even publish in stores So the first features to be compared is if Bubble and protector can create the Web Apps and here it is very important to be very clear about this part that can be a little confusing so I brought this little table here to make it very clear what Bubble and flutterflow can build first what would be a responsive Web Apps is when we manage to create a desktop web application but it is mobile responsive, that is, it can to adapt as we make the screen smaller, the components, the elements adapt for us to use it, for example, on a tablet, for example, to use it on a cell phone, so when we have a desktop web application that we manage to leave it in charge of the cell phone, it can fix it several cases and that the user needs to use your web application on the cell phone but be careful in this case we do not have access to the native resources of the cell phone because the application is being reproduced on the web and Bubble and flutterflow are able to make web applications and also responsive for cell phones, both tools manage to do this, then we have the pwa and what would be the pwa is when we take our web app and manage to adapt it so that we can download it on the computer or on the cell phone, let me give it a try example to be very clear I saw it here on the YouTube website and if I go up here to this icon here we have the option to install YouTube When we click on it it installs YouTube on our machine it will release a pwa which would be possible for cell phones too when I install it I even installed it here, we will have a YouTube application inside my computer so we have our app here inside the computer this can also be done for cell phones so we can download the application skip it it stays there on our home screen good and coming back here the PW the Bubble and flutterflow manage to do And why is it a good option also because usually an application is pwa we can use some native resources of the cell phone and this technology is developing more and more to make it possible for applications built in pwa to use resources from the cell phone's computer so that you don't always have to make native Mobile Apps to download in stores a successful case that uses pwa is Twitter and finally we have the native Mobile Apps These are the applications that we can download in stores we can use all the features of the cell phone, for example, the whole part pulls notification a part of facial recognition Tutti there of GPS so all those native cell phone resources that we will be able to download In addition to them having better performance on cell phones and here in this case, flutterflow can make native mobile applications, that's why it came up and on Bubble I put a little yellow ball because more or less we have to use a new third party to take our app created on the web and turn it into the application for us to download it and be a native application to also use in official stores such as Google Play and for that we have a service the most famous is this bdk and what is the bdk we can basically get our application created in Bubble and then published in the Apple Store in the Play Store in an inactive way And for that he even explains here later If you want to take a look at the website he can make these native applications And then we can have access to several new functionalities to our application, for example, the most important notification that people look for so much is the Face part, from there you can shop there, everything from the official stores can do the QR Code, GPS access, so there are several and several functionalities later you can be looking take it easy to see if this is the case with your business of your application and service here if we go to see the price it will cost 365 dollars for you to get your application and be able to do all this conversion to download in stores, right Then, if you need to update, rebuild your website , but an additional 39 dollars each time .

we build web apps and flutterflow is generally more focused for us to build mobile apps first although we make multiple apps and another important feature is pull notification so in fla-flu we can make the posts notify this and in Bubble we have some important details that I wanted to talk to you about, so we made this little table here in relation to web notifications in our application on the desktop . or Firefox and if you are using iOS you can use Safari and it will have to be a pwa application which is what was just explained and for cell phone notifications through applications there is no way it has to be the native application And for that the we have to use a service such as the bdk service that said we have some more important features that I separated here for us Compare your tools first both tools allow complex logic this is nothing more when we put several actions inside our application such as Ah, the user clicks a button, he will log in after he clicks a button, he will send an email and then he will perform another action and then if the user is already registered to perform another type of action then in both tools a we can do almost anything in relation to these logics for offline operation in the Bubble it is not possible and the fruit I left a little yellow ball because we can connect the Fleet spoke with our back end which will be for example Fire base it works well with offline services so for a few hours or for a certain day the farebes he will work with your data offline but it is not ideal the ideal would be if there was a little data from the device for us to record this data in final mode and then play online so I left it in a yellow bubble because it is not ideal in terms of collaborative team building, both have the flage, we can edit together with another team member, we can also save versions, but I put it in yellow because here in this case Borboleta further ahead because it recently launched a new version of Bubble which is a much more professional model for us to build technology applications that ends up being very similar to the traditional model of software development that we use brants and manage to have the control of aggressions in a much more structured way This is a new feature of Bubble but it is on a more expensive plan that later I will show that it will be very useful for large projects or for large companies another very interesting feature that suffers is one of the only ones on the market in the code that you can access your code So you have autonomy over the source code that is when you build your application in the technology in the protector's code you can later download your code who flutters one very well-known technology in application development and has autonomy if you want to pass it on to your development team, want to grow your project, you can use your code. it is in this resource connected with artificial intelligence you will be able to describe in text What is the screen you want in your application so say I want a screen in the style of iFood for example And then for you said artificial intelligence will create your screen all their designs were ready just from a text it was something incredible that they released and there is a yellow ball because it is in Beta It still has a lot to improve but it is already a very interesting feature of fla-flu good in terms of screen design in both we can have a high degree of customization we can build basically any type of screen from our application They are very very robust also in both we have components and templates ready to be used .

the tools manage to make this connection there in a very well done and very well structured way so we can interact with other systems which is a resource there one of the most important when we are talking about building software and finally we have our back part and that is where we can see more of our data and we will also be able to perform actions on the server and web hookes and in this case a bag stands out because it has all the back Candy part inside it and we have to connect with other protectors backend services but I want to explain it well here so that there are no doubts about the pros and cons of having the backing integrated or not so for us to align knowledge what every visual part of our application is and what the user will interact with it will not be all from uai eox all user interaction with our screen with our application and behind it we have our backing and backing usually offers some services and functionalities I put the main ones here so in the backing we will have ours database, we will store all our data in a safe and well-structured way, in addition, in backing, we can perform server actions, which is when an action is performed directly on the server and does not need a user interaction for that, so for example, we can program a certain action to happen from time to time on our server without depending on the user clicking on something or doing some other action and in addition we have Web hooks, which is nothing more than a trigger that triggers a certain action between two applications a very clear example is the online payments part when the user is in your application he is there to put his card to make a payment and he puts the card and gives Ok it will be and it will connect with a payment model, right? example PayPal the strip the market I pay this payment It has been confirmed it will return this information to the application and say that everything went well so this is nothing more than a Hulk and these three functionalities we can do our backhand And then as I mentioned in bubb It is very interesting because we have the front-end together with the back-end Angel the same tool in the code does both this feature has pros and cons What are the positive points generally we have a faster learning curve to learn the tool because that you will need to sell Bubble, you will not need to learn another back end tool besides that, we will not have extra costs with another backing tool that we may have to hire and within the back Angel service we will be able to make web Hulk and server actions all there inside the Bubble so it ends up being a very strong positive point and points to consider having an integrated backing is that we will end up having a single dependence on a single tool and it is a centralization and may have some risk for example if Bubble increases its monthly fee, we will be stuck with the Bubble tool and the back end and from bubblet we can also connect with other beckend tools that I will explain a little later but we would have that making two transitions and another point to consider is also the lack of focus of the tool So as Bubble does all the Frontin part together with backing as they are very large areas the tool cannot focus on, for example, just doing things well of Frontier so sometimes the evolution of the tool can be a little slower compared to other tools and they focus only on the front Angel only on the patient finally we have the compliance part which is when our technology and our business follow the rules and legislation of the region where we are developing our application, for example here in Brazil, we have to follow lgpd laws our application our business is in accordance with data protection laws and here at Bubble depending on the your business niche and depending on the opinion you are building your technology you will have to calmly analyze for your business if the bobo is following all the compliance rules a bubb database is very secure and has all the parts well structured privacy One more point to consider, for example, is that we were unable to select the location of the Bubble server, which is in the United States and this, depending on the business and the niche, can affect the compliance part, so here my tip is to study a lot well your niche and all the rules of law that you will have to follow and calmly analyze the complete part of the Bubble well but and in flaterflow how does this work in flutterflow we will only have the front end part of the backing a we will have to connect with other tools that do just the backend service and here in this case we have for example backy Ends more locale we can have a contact a little more a part of code is a Native connection with Fire base which is a data thing Don't forget and the super kiss that is a SQL guest so the whole platform has already been thought and how to make this connection with this database we gain a lot of performance speed when we do all this interconnection between flutterflow for example Fly base but you can connect to databases in the code that for example we have there Zeno which is one of the most famous and also Way table here will have several pros and cons for example in the backings locode the curve can be a little higher of learning and backings in the code will be faster but the monthly fees can be a little more expensive for having all these services in the body fary base for example it has a free plan that we can do a lot and for us to start paying a monthly fee we have to reach a level there a little higher and there at Zeno right table when you already reach it certainly you start to be charged would be the pros and cons of backings But what are the positive points and points to if you consider when we have a separate backing, right now it's not all inside a tool other positives we have a more professional structure so we don't have that one tool only we can be focused Ready for flaterflow and the back end whatever you choose, whether it be firebais or Zenon, for example, we will have tools focused on what it does, so the tool is dedicated to its function. just about that, like for example Zeno already follows various laws related to compliance and for example we can select the location of the Server, you can leave the server if you want in the United States they have a server in Brazil, they also have a server in Europe But it would be one of the points, right For example But coming back here again, you have to analyze for your business for your niche in relation to this part and points to consider is that there will be a greater learning curve as I said, so in addition to learning Flor, it will you have to learn a very hot tool and you will also have an extra expense depending on the tool you choose so in addition to spending on frontiense we will spend on a Candy pack I want to ask you what do you think is better for Bubble to have frontinho backinge or like this flaterflow with separate backing Frontier and fall a better way to build your apps comment down here that we will answer all the comments so to conclude we have the Bubble with this differential there for us to be able to build applications of a faster way with integrated bacient But on the other hand as it's red here you can also connect to databases for example firebais and zero and then it will be up to you to analyze which would be the best application for your project if is it an integrated backing or a separate backing so now talking about the values ​​of each plan within your Bubble tools we have a free plan that we can use the whole tool to learn to use up to 200 lines in the Bubble database we were also able to test the epi part but all that web server actions part Hulk using the skin incompletely will have to go to the personal plan which is the dollar per month plan will generally suit most companies that are starting out in case the project grows and you need more performance for your application and that it features the new versioning model to build applications in Bubble it will be there in the professional plan and the tram is considered within Bubble there will be an update of the values ​​of the plans and in the near future Bamboo already tried to increase the values ​​of the plans last year but how they increased a lot and it ended up being quite expensive the community didn't like it and they went back but we have this risk of the Mental Bobão the plans in the future and these monthly Bubble plans end up getting a little more expensive Especially when we talk about data use and from the back end fear brought here the main plans so in the free part we can create our entire application to do Integration in the Fire base there are two apis we can do we have we want to download our code in our APK file to publish in stores up to date you have to pay the 11 dollars plan and if you want some more functionalities such as putting it into production there in an easy and fast way for me or having integration with github or having the entire translation part of your application with a click And also the support from chat age the plan goes to 25 dollars is an interesting point of Frutaflow is that it gives a discount for some regions of the world for example in Brazil we have access to half the price to use the tools and the protector then in the States United States at 22 dollars here at 11 for the United States 50 which is 25 will be very positive for us to start with our applications and here it is important to say that in addition to these courses on the continent there can be courses with bacchind And this has to be a point to if you consider when you are going to choose which tool and how much is the budget for you to start building within that tool in the code and now talking about the Bubble and flutterflow community is a Bubble is a tool that emerged way back is one of the Oldest tools on the market in code one year of foundation was in 2012 today already 2 million and 500 thousand users are a tool that is growing so fast in recent years and basically the biggest tool in Cold that has in the current market in relation to the community is very strong in Bubble it has a wide range of plugins for us to be able to solve our problems and whenever we have a specific question bubblet has a very large forum with many people So it is easy for us to find answers to these questions which makes it a lot easier in the development of our applications and for anyone interested in being a developer in code freelancer working in Brazil or in the world in Bubble is a tool in code that has more opportunities for you to get a job and if you speak English you can also look for a way Quiet now, flutterflow is a very recent tool, so it was founded in 2020, but what is very impressive is that the number of users is growing very quickly and currently there are more than 450,000 active users within the platform, the community from flutterfly it is also very good and easy to find answers to specific questions when we have When we are building our applications and for those who are looking for the opportunity to be a developer in code in Brazil there are still not so many vacancies to be a developer But in the gringa it is full of vacancies and it's growing a lot if you want to work with a freelance developer And then he goes back to saying that if you speak a little English you can easily earn a salary in dollars as a freelancer So let's understand the differentials Clear of each tool some points to consider and what is our opinion here at code bring What is the best tool for you to build your project What are the clear differentials of each tool in relation to Bubble is the Pioneer tool with the most features on the market So how does it have a lot of time market and a large community, we have many possibilities and functionalities to apply in the Bubble and basically manages to build any application In addition, we have that Claro differential of backing inte and also of the Web Hulk and actions of the servers Integrated and we will have the frontient together with the back-int As already mentioned, it is the tool that has the largest community that makes it easier for us to develop our applications and find more opportunities as a developer in Code in relation to the clear differential fruitflow that allows us to create both mobile first applications, native mobile applications and Web Apps, in addition, we have autonomy over the source code that almost No tool in the The market in the code has a differential, in addition, we have a tool dedicated to the frontient And so we have a quick evolution of the tool as Fruta Flor is focused only on the frontind, they manage to bring evolutions and improvements even to the platform in a very fast way and practically every month they are bringing some new improvement some new functionality within the tool this ends up being a great positive point and an example of this is the Artificial Intelligence part that flutterflow is going ahead of our tools in practically leading the market the integration of Nucleus with artificial interest, which is like, for example, that textuep feature that we get from a text that we write, it builds a screen in the application .

these are the points to consider for each of the Tools in relation to Bubble is a platform with a greater learning curve So how do we manage to make any type of application robust and complex applications it is not so easy to move we have to dedicate ourselves a little more to study with our first apps Besides, we don't create active Mobile Apps we have to use an external resource your project your Startup that you will have to study and check if Bubble guarantees all the necessary requirements for the complex part in relation to the points considered it is also a greater learning curve it is not so easy to use it you have to study calmly in the beginning to understand a little more how it works all the logics the back end relationship a frontchange so both flutterflow and Bubble have a greater learning curve . in the backy ones in the Coach And in addition, in some moments all our applications, we will have a greater contact with the code, which on the one hand increases the learning curve of the Tools a little more and on the other hand we can also have greater power by being able to build any functionality of any component when we use code But rest assured that it's all very easy before I move on to the next final part of our honest opinion that we don't like to talk about What is the best tool I would like to hear from you Which one do you think is better after everything I've said so far, do you think Bubble is the best protector? Comment down below and we'll respond to all comments .