Bubble x FlutterFlow x WeWeb: Qual a melhor No Code em 2024?

qual será a melhor ferramenta no Hold a rainha do Condado a bala de prata que resolve todos os seus problemas em desenvolvimento de aplicativos e se você acha que sabe a minha resposta para isso eu te garanto você está enganado então fica comigo que até o final desse vídeo eu vou te mostrar um comparativo técnico entre as ferramentas vou liberar para você acessar esse comparativo completo e ainda vou te mostrar o mapa mental que eu utilizo para saber qual é a melhor ferramenta pro meu caso mas é importante a gente lembrar que melhor é um termo que só existe de forma comparativa melhor em relação a que melhor para que melhor para quem melhor para quando então sem esses três QS não tem como a gente Responder qual é a melhor ferramenta ah Renato mas eu ouvi falar que a pessoa migrou da ferramenta x pra ferramenta Y Então quer dizer que a ferramenta Y é muito melhor para todos os casos galera o que acontece é que muitas vezes a pessoa pega a experiência dela de criação de um dois aplicativos para ela foi melhor a ferramenta Y não significa que para você vai ser melhor a ferramenta Y Muito provavelmente os seus pré-requisitos o que você vai criar não é a mesma coisa que o que aquela pessoa criou mas o que acontece turma que eu recebo todos os dias dezenas de e-mails mensagens directs comentários nos vídeos em que basicamente o meu trabalho é fazer o quê Eu leio as ideias de vocês e eu penso em qual seria a melhor ferramenta o próximo passo para você conseguir tirar aquilo do Papel então o vídeo de hoje é um resumão de quais eu acredito que sejam as melhores ferramentas para cada caso e assim eu não vou entrar a fundo em cada ferramenta tá galera a gente tem vídeos específicos aqui no YouTube então tem ali um vídeo só sobre um tutorial gratuito de bub um tutorial gratuito de flutter Flow Tem tudo aqui eu vou deixar o link na descrição do vídeo então não vou entrar fundo nas ferramentas mas a gente vai Comparar as três melhores Bubble flutterflow e Wi web então vamos lá pro primeiro critério aplicativos web aplicativos web são aplicações como quando você acessa aí www. mercadolivre. com.

br airbnb. com. br Você está acessando uma aplicação web que funciona dentro de um navegador tanto Bubble Quanto flutterflow quanto o eweb criam aplicações web e também criam pwa que são aplicações web progressivas Ou seja que funcionam muito bem no mobile no celular no entanto aqui fica um ponto de atenção tá as aplicações web criados pelo flutterflow não tem suporte para seo que é otimização de busca no Google e aí se você der uma fuçada boa na internet você vai entendu um pouquinho melhor não é um problema do flutter Flow é um problema do flutter o flutter não faz so pois aplicativos flutter não podem ser renderizados pelos mecanismos de pesquisa seu web app não precisa de so por se tratar de um aplicativo utilizado para acessar o seu produto e serviço então é para um fim diferente né e o flutterflow também não cria páginas dinâmicas ou seja se você precisar criar uma estrutura de URL como essa aqui um aplicativo delivery por exemplo onde essa URL acessa a Pizzaria do Renato e essa acessa a Hamburgueria do César você não consegue fazer isso com flutterflow com flutterflow você consegue fazer isso com parâmetros de URL Mas você vê que fica uma estrutura diferente e não tão amigável né então pro caso de aplicações web que você precisa indexar no Google aplicações como marketplaces e-commerces ou qualquer página que precisa ser bem indexada você não vai conseguir fazer em flutterflow Então as mais sugeridas aqui seram Bubble e Wi web com um Boninho aqui pro we web é uma questão bem técnica assim é que o iweb ele consegue criar páginas estáticas é a melhor forma possível de você indexar uma página pro Google entender tá mas isso aqui é um critério bem técnico então não recomendaria flutter para por exemplo marketplaces aplicações com páginas dinâmicas que precisam de indexação so exemplos a as Dev que é o nosso Marketplace de profissionais porque eu quero que as vagas da as Dev sejam encontradas no Google ou mesmo a própria página dinâmica aqui de oportunidade de vaga que a gente tem lá por exemplo a própria comunidade sem codar Porque da mesma forma eu quero que as aulas sejam encontradas no Google e o próprio grupo da comunidade que eu também quero que algumas postagens sejam encontradas no Google então infelizmente nenhuma dessas aplicações por exemplo Seria o ideal eu criar em flutterflow para ela seria ou Bubble ou we web próximo critério aplicativos mobile e nativos então assim ó quando a gente fala de aplicativos nativos flutterflow top cria impecavelmente Bubble e Wi web coloquei uma exclamação ali porque é o seguinte é importante a gente entender que aplicativo mobile é um aplicativo que você consegue baixar na Play Store baixar na App Store você consegue fazer isso com Bubble e com wi web mas por meio de um recurso que se chama webview que é o quê aqui por exemplo a gente tá abrindo o aplicativo da comunidade sem codar então isso aqui nada mais é do que um navegador só que você não tá vendo a barra de URL aqui né Ó então ele a acessando a sua aplicação web nada mais do que isso super prático legal beleza no entanto com aplicações web pwa você não consegue acessar os recursos nativos do celular como por exemplo armazenamento offline então assim Bubble Wi web você consegue publicar na Play Store e App Store vai virar um aplicativo mobile vai mas você não consegue armazenar dados offline tem que est conectado por quê Porque ele vai acessar a tua aplica web você não consegue enviar notificações push para ser sincero coloquei uma exclamação porque você até consegue algo que se chama notificações web push mas pô não funcionam bem não tem garantia de entrega as push nativas só com flutterflow você não consegue fazer uso em segundo plano ou seja aquilo de você desligar a tela botar o telefone no bolso uma aplicação web vai parar de funcionar na hora já o aplicativo nativo do flutterflow você pode fazer com que ele continue funcionando mesmo com a tela desligada pagamentos dentro do aplicativo sabe quando você tá no aplicativo quer pagar alguma coisa aí ele já Opa clique duas vezes aqui que você já paga no iPhone por exemplo isso também é um recurso nativo que só flutterflow você vai conseguir Bubble e Wi web você não vai conseguir fazer isso então acho que ficou bem claro né Bubble e Wi web são para aplicações web flutterflow para aplicativos mobile nativos com recursos nativos existem alguns outros recursos nativos eu coloquei aqui os principais tá agora vamos falar de backend servidor e banco de dados existe o front end que é aquela cara do aplicativo é a interface a parte lógica existe o backend que é o motor funcionando o banco de dados o servidor as ações acontecendo né de todas as ferramentas somente Bubble possui um banco de dados nativo Ou seja você cria lá o teu aplicativo Bubble tá a tela em branco já existe um banco de dados ali para você começar a interagir flutterflow e Wi web não são ferramentas só de front end ou seja só para você criar interface visual e lógica aí você precisa já do começo integrar a um banco de dados nativo idem servidor com Bubble você já tem acesso instantâneo a um servidor nativo então ah quero agendar uma ação no servidor para rodar daqui um mês por exemplo para mandar um e-mail pro usuário com bub você já tem isso nativamente com flutterflow com o e web eles não possuem esse servidor eles não fornecem esse serviço você precisa integrar um servidor geralmente servidor e banco de dados aqui vai ser a mesma ferramenta de backend né você precisa integrar um servidor para funcionar em conjunto com o seu aplicativo front end no entanto o Bubble não possui integração Nativa com backends externos Você precisa fazer isso por meio de chamadas api então é uma criação mais manual da coisa dá para integrar dá mas via api já o flutterflow e iweb eles possuem integrações nativas então em flutterflow você já vê logo de cara uma integração aqui com firebase e no Wi web você já vê logo de cara uma integração Nativa com zano com supabase com artable com Google planilha ou até com m api enfim você já tem integração Nativa com alguns backends populares e Isso muda muito a experiência de aprendizado de criação de manutenção do aplicativo tá porque no Bubble por exemplo você vai lá cria o aplicativo Ah quero começar interagir com o banco de dados quero criar um item no banco de dados basta ir lá criar a tabela no banco de dados e já posso criar o it it já estou liberado já tem tudo funcionando em o iweb flutterflow que não possuem esse banco de dados e servidor nativo você precisa escolher qual é o backend que você vai usar Ah vou usar o firebase integrado ao meu aplicativo aí eu crio uma conta no firebase pego a chave api ou ID do firebase jogo lá na minha ferramenta sincronizo faço uma verificação de regras de segurança exponho os end points Se necessário integro na ferramenta E aí sim eu estou liberado para começar a interagir com o banco de dados E aí quando você tem algum problema às vezes Ah por que que não tá criando o item você não sabe exatamente num primeiro momento se o problema está na ferramenta ou no backend Então vamos dizer a gente Adiciona uma variável a mais na Hora de Aprender na hora de criar e na hora de manter o seu aplicativo por isso que isso aqui acaba aumentando um pouco a curva de aprendizagem e a complexidade de criação do teu aplicativo agora vamos falar sobre customização das três ferramentas Bubble é a única que possui um ecossistema muito vasto já de plugins porque Bubble é a ferramenta mais antiga de todas né Tem mais de 10 anos já então em Bubble você encontra plugins para basicamente tudo ah quero integrar com opi tem coisa pronta quero gerar um PDF tem coisa pronta quero integrar com o Mercado Pago tem coisa pronta em flutterflow e Wi web eles estão começando agora esse caminho do Marketplace de plugins então nos próximos anos eu imagino que isso vai se tornando cada vez mais presente lá mas hoje ainda não é uma realidade Então quer ver um exemplo Claro disso por exemplo nessa aula aqui da comunidade a gente tá ensinando a gerar um PDF lá no flutterflow é código você vai criar uma a função em Dart a gente explica tudo do zero passo a passo você vai entendendo mas você vai pro código uma fórmula extensa para conseguir gerar esse PDF enquanto isso no Bubble eu consigo aqui no clique de um botão puxei um plugin e uma ação aqui já me permite criar esse arquivo PDF eu só configuro os parâmetros aí quando eu clico aqui já gerei o pdf abri e tá funcionando com uma ação e novamente isso acaba interferindo muito na curva de aprendizagem e na simplicidade facilidade velocidade e criação de manutenção do aplicativo e para ser franco Esse é o grande motivo pelo qual eu defino Bubble como no code sem código porque você consegue criar Praticamente tudo sem precisar criar fórmulas no código e por isso que eu classifico flutterflow e o Web como low code porque quando você vai para qualquer recurso que fuja um pouco do nativo ainda não existem plugins e coisas prontas para isso você precisa recorrer ao código e nas três ferramentas você pode usar bibliotecas externas então a maior facilidade em Bubble e Wi web é usar bibliotecas JavaScript que você vai lá encontra no github e no flutterflow Você usa as bibliotecas Dart e flutter que você encontra lá nos próprios pacotes flutter então n três ferramentas tem facilidade em você trazer códigos importar códigos importar bibliotecas nível de dificuldade aqui por conta de um ecossistema de plugins vasto e por conta de já nascer com servidor e banco de dados nativo O Bubble acaba se tornando mais fácil de aprender de criar e de dar manutenção ah flutterflow e o web então são difíceis não eu coloco aqui como dificuldade Média a questão é que acaba agregando essas variáveis a mais de integração com um banco de dados já 10 do começo é uma ferramenta mais que você precisa aprender e usar durante o processo de criação e quando você parte para algum recurso um pouco mais avançado Você vai precisar ir pro código é isso que acaba gerando um pouco mais de complexidade na criação lockin ou seja exporta o código fonte ou estou preso Bubble te prende Bubble Esse é o fato você vai lá cria o seu aplicativo e pelo próprio fato de você ter o teu banco de dados e o teu servidor nativo Esse é o grande motivo pelo qual o Bubble não te deixa exportar o código porque realmente a complexidade ali fica muito grande você tá em integrado ao servidor próprio deles então você está no Bubble seu aplicativo vai est bem mantido vai est bem armazenado vai est seguro mas dentro de um servidor do Bubble na aws então se você precisa exportar o código fonte não tem milagre eu sei que vocês me perguntam ah Renato mas não tem nenhum jeito não tem em Bubble o aplicativo está lá hospedado com eles e não há como exportar código fonte e não há nenhum plano futuro também já perguntei pro fundador do Bubble não há planos futuros de você exportar o código fonte é um ecossistema fechado já flutterflow e Wi web possuem Total Liberdade para você poder exportar o teu código fonte o flutter flow te permite exportar o código fonte na linguagem Dart do flutter e o eweb te permite exportar o código fonte em Java Script agora preços Pode ser que quando você esteja assistindo isso esteja um pouco diferente se isso vai variar muito as três ferramentas você pode e deve começar no plano gratuito Então as três ferramentas te permitem aprender tudo criar Praticamente tudo no plano grátis Então fique tranquilo que você só vai precisar partir pro plano pago quando você efetivamente for começar a comercializar o seu aplicativo E aí você quer começar a comercializar quer lançar no Bubble você vai pagar de 29 a 32 ali o plano Inicial deles com porém o Bubble é um que já tem o backend incluso ou seja servidor e banco de dados aqui já está incluso nesse preço o flutter flow você vai pagar de 15 a 35 depende do plano o 15 você só exporta pra Play Store 35 você pode exportar também pra App Store do iOS né aqui veja que o backend não está incluso Então dependendo do nível de uso do teu aplicativo ou do backend que você escolheu Pode ser que você tenha que pagar também o custo do backend embora a maioria dos aplicativos aqui são em firebase que o firebase ele tem um plano grátis absurdamente grande né então provavelmente você não vai pagar aqui um backend a mais Inclusive eu falo mais sobre custos de backend nesse vídeo aqui e o Wi web você vai pagar de 39 A 4$ 49 novamente só pelo Wi web aí você tem que ver o custo da tua ferramenta e backend também então todas oscilam nessa faixa de 15 a 49 por mês para você lançar o teu aplicativo e esse custo é por aplicativo não é por conta tá então lancei um aplicativo eu pago por esse aplicativo aplicativo igual a empresa né pessoal abri uma empresa cada empresa tem o seu custo próprio E aí eu já vou liberar para vocês esse comparativo final aqui ó com todos esses critérios mas primeiro eu quero falar um pouquinho para vocês sobre o mapa mental que eu criei que é basicamente a forma que eu penso para saber qual é a melhor plataforma para cada caso tá minha opinião e aqui é uma opinião muito sincera tá pessoal que às vezes vocês têm mais familiaridade com Ah eu tenho mais familiaridade com flutter qu vai de flutter Flow Ah eu tenho mais familiaridade com JavaScript J vai de web Então depende muito do teu nível de familiar idade já ou de outros pré-requisitos mas via de regra eu acho que na grande maioria dos casos isso aqui vai atender bem então minha linha de pensamento é o seguinte primeira pergunta que eu faço o aplicativo que você vai criar precisa de recursos nativos e pessoal pelo amor de Deus quando eu falo recursos nativos eu não tô falando de publicar na Play Store e App Store isso todos fazem tô falando de usar notificação push Nativa pagamento dentro do aplicativo com dois cliqu ali no teu celular armazenamento offline de dados tô falando disso tá se precisa já esquece o resto é flutterflow nem se estressa com o restante pode ter certeza absoluta que flutterflow vai te atender melhor porque é que tem o melhor suporte para recursos nativos Bluetooth também às vezes o pessoal quer fazer interação com dispositivo físico mesma coisa flutter Flow tá Não precisa de recursos nativos ótimo próxima pergunta vai nascer integrado a um backend externo para você tanto faz o banco de dados que você vai utilizar Ou você já tem algum pré-requisito ah Renato eu já ten um banco de dados postgress na nuvem que eu já uso eu quero já nasceu o aplicativo integrado nele Opa ah Renato já tenho bco de dados no superp base eu já tenho um banco de dados nos ano já tenho firebase eu quero que já nasça nos ano se você já quer que ele nasça integrado a um backend externo então eu recomendo fortemente o eweb porque o iweb é muito bom de integrações externas o iweb é a única que te permite por exemplo já nascer com uma integração Nativa com banco de dados SQL e uma integração boa uma integração sólida uma integração funcional agora não Para mim é indiferente o banco de dados só preciso que funcione beleza próxima dúvida você já é um usuário JavaScript avançado pessoal na minha experiência eu vejo vejo que os usuários JavaScript avançado têm gostado mais de mexer com wi web porque ele não é tão abstrato quanto o Bubble te permite mexer muito com os operadores JavaScript te permite importar bibliotecas npm de uma forma muito simples muito fácil então Ten o sentidos usuários JavaScript avançados gostando mais da interação com Real web tá não Renato Tô começando agora ou não nem me considero avançado ou não para mim também é diferente última dúvida preciso exportar o código fonte se você precisa seja por você tá criando esse aplicativo para um cliente que te pede o código fonte Você tá criando um aplicativo pro governo que em licitação Ele sempre vai te pedir o código fonte você quer poder hospedar no seu servidor próprio seja porque você quer o teu cliente pediu em qualquer hipótese que você precisa exportar o código fonte aí eu também te sugiro aqui o iweb ah Renato mas por que não o flutterflow já que o flutterflow também permite integração com backend externo também permite exportar o código fonte porque eu acho que a limitação de seo do flutterflow ela é pesada e como a grande maioria dos softwares que a galera quer criar via de regra são softwares como serviço que lidam muito mto com ambiente web Eu acho que o eweb vai ser uma experiência melhor mas se para você tanto faz aquela limitação Renato não preciso ser indexado pelo Google não preciso de nada disso aí aqui pode considerar também o flutter flow nessas hipóteses e se a resposta é não para todas elas ou seja não preciso de recursos nativos não preciso de backend externo não sou usuário JavaScript avançado eu não faço questão e não preciso portar código fonte para todos os outros cenários eu sugiro Bubble porque Bubble vai te trazer uma experiência mais fácil e mais rápida de aprendizado vai te trazer uma experiência mais fácil mais rápida de criação de manutenção do teu aplicativo de descobrir os erros de implantar novos recursos é uma ferramenta mais simples de usar mais fácil de usar com mais variedade de recursos prontos para você implantar de forma mais fácil e o mais importante pessoal é o seguinte tudo que você aprende em uma ferramenta são fundamentos e recursos que você aplica a todas as outras ferramentas então não tenha muito medo de Ai meu Deus eu vou escolher a ferramenta errada isso vai me ferrar pro resto da minha vida não vai o que eu gosto de sugerir No começo é você partir para Bubble porque Bubble como eu falei vai ser experiência de aprendizado mais fácil e tudo que você aprende em Bubble você replica nas outras ferramentas em Bubble você vai aprender design responsividade lógica banco de dados modelagem banco de dados integrações api pegar o retorno de uma integração api tudo isso você aprende E aí depois você percebe que Ah lá pra frente agora recebi o investimento preciso do código fonte todo o conhecimento que você tem é totalmente replicável ao Wi web é totalmente replicável ao flutterflow isso eu tenho experiência prática e os nossos alunos TM experiência prática então na prática alguém que já dominou Bubble vai lá e fala cara aprendi flutterflow em duas semanas aprendi o eweb em duas semanas porque você já tem os fundamentos na tua cabeça e a eu vou liberar para vocês esse link aqui materiais pc.

com.