Guia definitivo para aprender Bubble

O Bubble é uma plataforma No Code que permite a criação de aplicativos web sem a necessidade de codificação. É uma ferramenta poderosa que oferece aos usuários a capacidade de criar aplicativos complexos e ricos em recursos.

Se você está interessado em aprender como criar aplicativos web com o Bubble, este guia definitivo é ideal para você. Neste artigo, você aprenderá tudo o que precisa saber sobre o Bubble, desde conhecimentos básicos até ferramentas avançadas.

Você aprenderá todas as etapas necessárias para se tornar um desenvolvedor No Code profissional e qualificado no Bubble. Prepare-se para aprender tudo sobre o Bubble e aproveitar ao máximo este conteúdo!

Dá pra confiar no Bubble? É seguro? E se quebrar?

Se o Bubble falhar, é importante entender que o aplicativo é diferente do banco de dados. O aplicativo é a interface visual e lógica que o usuário vê. O Bubble tem um banco de dados nativo, mas também pode conectar a outros externos.

Mas, quem é o proprietário do aplicativo e dos dados? Os dados pertencem somente ao seu proprietário, o Bubble não tem qualquer direito intelectual sobre eles. O que o Bubble detém é o código de programação, que permite ao usuário criar aplicativos.

Qualquer coisa que você crie no Bubble pertence a você. Não há qualquer restrição em relação a isso. Tanto bancos de dados nativos quanto externos podem ser usados, permitindo que os dados sejam exportados e importados, 100% sob o seu controle.

Mas afinal, o Bubble é menos seguro ou mais seguro do que a programação tradicional? Você pode ter certeza absoluta de que Bubble é muito mais seguro do que a programação tradicional quando se trata de segurança.

Bubble

Formas de ganhar dinheiro como desenvolvedor Bubble

Se estivesse começando como desenvolvedor Bubble hoje, eu seguiria os seguintes passos para ganhar dinheiro com meu conhecimento:

  1. Crie um site apresentando seu trabalho e portfólio: Use o Bubble e o Devbook para criar um portfólio que destaque suas habilidades. Inclua informações profissionais, serviços, trabalhos realizados, depoimentos.
  2. Se candidatar para vagas de Desenvolvedor Bubble que já existem: Procure por vagas relacionadas às suas habilidades. Procure nos lugares certos: Comunidade Sem Codar, Freelancer.com, Upwork.com, Workana.com e Fórum do Bubble.
  3. Contribua com projetos: Contribuir para projetos de outras pessoas pode abrir oportunidades de trabalho ou mentorias. Ao ajudar outras pessoas, você receberá propostas de consultoria, mentoria, treinamento e desenvolvimento.
  4. Agências de Desenvolvimento No Code: Existem muitas agências focadas em soluções No Code com ferramentas como Bubble, Appgyver e Flutterflow. Essas agências buscam desenvolvedores. Fique de olho nas vagas, e envie seu portfólio.
  5. Agências de desenvolvimento tradicional: Outra forma de ganhar é partir para agências de desenvolvimento tradicional. Mostre como pode ser valioso para a agência, com exemplos de projetos feitos em Bubble.
  6. Crie sua própria Agência de Desenvolvimento No Code: Você pode abrir seu CNPJ, expandindo sua atuação como realmente faz uma empresa, considerando vários pontos um pouco mais desafiadores que devem ser considerados nesse processo.
  7. Conta Agência no Bubble: Crie uma conta agência no Bubble para receber RFP e envie um email detalhado com portfólio e informações. Boa parte dos projetos são para aplicativos Marketplace.

Desenvolvedor Bubble junior, pleno e sênior: quanto ganha cada um?

O primeiro passo é entender o que diferencia os níveis de habilidade e a percepção que essas empresas possuem sobre o desenvolvedor, e logo abaixo descrevo melhor cada um deles:

  • Qual o nível de complexidade de tarefas que posso delegar para esse profissional executar?
  • O quanto eu precisarei supervisionar e acompanhar a qualidade do que é desenvolvido por esse profissional?
  • O quanto é necessário revisar o trabalho entregue por esse profissional?

Desenvolvedor Bubble Estagiário

Zero experiência e nunca trabalhou na área. A empresa acredita que poderá investir no aprendizado dele e que isso trará benefícios para ela. O salário fica entre R$1.000 e R$2.000.

Desenvolvedor Bubble Júnior

O Desenvolvedor Júnior possui conhecimento em design, banco de dados, workflows, backend e APIs, geralmente com experiência de 1-2 anos. É capaz de criar um aplicativo funcional em Bubble. O salário fica entre R$2.000-R$3.500.

Desenvolvedor Pleno

Consegue criar um aplicativo 100% funcional e bem estruturado, além de trabalhar com integrações com redes sociais, inteligência artificial, streaming de vídeos e lives. Pode criar um aplicativo 100% integrado a um banco de dados externo. A faixa salarial é entre R$3.000 e R$7.000.

Desenvolvedor Bubble Sênior

Consegue entregar tarefas técnicas sem revisão. Ele supervisiona e consegue entregar além das expectativas, enxergando além do software. Desenvolve plugins com Node e Javascript, enxergando recursos que o Bubble não oferece. Seu salário parte de R$6 a R$7 mil reais.

Quanto ganha um desenvolvedor de plugins Bubble

O modelo de pagamento para plugins é oferecido de duas formas: os usuários podem optar por pagar um valor único maior ou desembolsar uma quantia menor mensalmente, com a possibilidade de cancelar a assinatura a qualquer momento.

Os plugins variam em preço de US$3 a US$150, dependendo da complexidade e função que oferecem. Muitas pessoas me perguntaram se vale a pena ser um desenvolvedor de plugins para ganhar dinheiro e, erroneamente, eu respondi que não.

Porém, depois de analisar mais a fundo, fiquei surpreso com os lucros alcançados pelos Desenvolvedores de Plugins Bubble. O plugin mais vendido do Bubble, o Air Native Plugin, possui 13.692 instalações com um preço de US$10/mês.

Se todos os usuários estiverem pagando através de assinatura, esse único plugin gera uma receita mensal de US$136.920, o que equivale a mais de meio milhão de reais por mês!

Dúvidas mais comuns de quem está começando no Bubble

Vamos esclarecer algumas das dúvidas mais frequentes a respeito do Bubble:

Consigo integrar algo com Bubble?

É possível integrar serviços externos ao aplicativo Bubble. Seja para puxar dados de outro lugar para mostrar dentro do Bubble ou para pegar os dados de Bubble e mostrar em outros lugares, a resposta é sempre sim.

Bubble é excelente para integrações. Por exemplo, pode-se integrar com Gateways de pagamento como o PagSeguro ou o Itaú, puxar dados de loterias, fundos de investimentos ou planilhas de Excel.

A resposta é sempre sim. Bubble é ótimo para integrações, é como se houvesse sempre espaço para mais um na mesa.

Quantos dados consigo ter no Bubble?

O Bubble permite o armazenamento de dados infinitos. No entanto, é necessário ter cuidado ao lidar com grandes quantidades de dados.

Por exemplo, se você tentar receber um milhão de parcelas por meio de seu aplicativo, isso pode sobrecarregar o sistema e fazer com que ele pare de funcionar. É melhor limitar o número de dados para evitar problemas.

Da mesma forma, o Gmail não mostra mais do que 25 e-mails por página. Para lidar corretamente com grandes quantidades de dados, é importante seguir algumas diretrizes. Por exemplo, criar um sistema redondo e eficaz para lidar com essas informações.

Quanto custa o Bubble?

O Bubble é uma plataforma que oferece planos pagos para quem deseja criar projetos com recursos avançados, além do plano gratuito, que é extremamente generoso.

Com ele, é possível criar todos os vídeos que você quiser sem custo algum. Os planos pagos do Bubble giram em torno de US$ 29,00 a US$ 30,00 por mês.

Quantos aplicativos posso ter no plano pago?

No plano gratuito, você pode ter até 100 mil aplicativos gratuitos, mas quando você assina um plano pago, um único aplicativo é selecionado.

No entanto, o Bubble permite criar aplicativos multi-empresas, multi clientes e multiusuários. Essa é a base para qualquer negócio, pois você pode criar o aplicativo uma só vez e vendê-lo para um número ilimitado de pessoas.

Dá pra exportar o código-fonte, ou migrar para outro servidor?

Infelizmente, a resposta para essas duas perguntas é não. A maioria das plataformas No Code, incluindo o Bubble, possuem locking, o que significa que você fica preso lá dentro.

Por isso, todos os seus aplicativos do Bubble ficarão sempre hospedados na Amazon WS, que são servidores da Amazon. Em qualquer plano, inclusive o gratuito, você já tem hospedagem gratuita.

Isso acontece porque, quando os aplicativos estão sob a gestão do Bubble, o banco consegue implantar atualizações e realizar melhorias sem que você precise fazer nada. Além disso, o Bubble também ganha mantendo a hospedagem por meio desse serviço.

Consigo criar apps nativos com Bubble?

Sim, é possível criar aplicativos nativos com Bubble.

Aplicações web são aplicações que podem ser acessadas usando o seu celular e que podem ser usadas para fazer tudo o que você faria em um site, como se cadastrar, fazer login, anunciar produtos, vender, responder perguntas, etc.

A diferença entre aplicações web e sites é sutil, sendo que as aplicações web são versões mais poderosas.

Elas permitem usar a câmera, o microfone e até mesmo adicionar um ícone da aplicação web na sua tela inicial, mesmo estando dentro do navegador, sem a necessidade de baixar nada. Assim, é possível ter uma experiência muito similar a de usar um aplicativo nativo.

Bubble é seguro?

Esta é uma pergunta importante que você precisa saber antes de criar um aplicativo seguro. A resposta é sim, é seguro para a maioria dos aplicativos.

No entanto, a segurança, privacidade e conformidade são necessárias para garantir que todas as questões sejam tratadas adequadamente. As conexões feitas através do Bubble são seguras.

Bubble: Preços e planos

O Bubble disponibiliza quatro planos: Free, Starter, Growth e Team.

  1. Free: ideal para quem está começando e quer experimentar a plataforma. Você terá acesso a um conector API, biblioteca de componentes, 1 editor de aplicativos, 50 unidades de carga de trabalho/mês e 6 horas de logs do servidor.
  2. Starter: tem um custo mensal de R$29 e oferece todos os recursos do plano gratuito, além de aplicativo ao vivo, domínio personalizado, fluxos de trabalho recorrentes, controle de versão básico, 175 mil unidades de carga de trabalho/mês e 2 dias de logs do servidor.
  3. Growth: custa R$119/mês e oferece todos os recursos do plano Starter, mais 2 editores de aplicativos, controle de versão premium, autenticação de dois fatores, 10 ramos personalizados, 250 mil unidades de carga de trabalho/mês e 14 dias de logs do servidor.
  4. Team: custa R$349/mês e oferece todos os recursos do plano Growth, além de 5 editores de aplicativos, subaplicativos, 25 filiais personalizadas, 500 mil unidades de carga de trabalho/mês e 20 dias de logs do servidor.

Agora que você já sabe tudo sobre os planos e preços do Bubble, é hora de escolher o que melhor se encaixa às suas necessidades. Se você ainda não está certo, experimente o plano gratuito e veja como funciona.

Mão na Massa: a melhor ferramenta para te ajudar a planejar seu aplicativo

Mão na Massa é um aplicativo que permite que você planeje as páginas, a estrutura do banco de dados e economize tempo significativo no desenvolvimento do seu aplicativo. Com essa ferramenta, você poderá ganhar tempo para focar na criação de sua solução.

A maioria de vocês já está familiarizada com o Método Sem Codar: Ele começa com a formulação de hipóteses, verifica se a sua ideia é viável com uma pesquisa de mercado. Feito isso, é hora de criar o MVP e lançá-lo em beta, após isso é hora de lançar o produto oficialmente.

Dentro da criação do MVP tem outras questões envolvidas, tem um método em si: Você planeja, projeta o design, estrutura o banco de dados, cria gatilhos e ações, integra pagamentos, garante privacidade e segurança, adquire o domínio e publica seu aplicativo.

O Mão na Massa se concentra no planejamento. A v2.0 acabou de sair, com todas as funções necessárias para planejar seu projeto de forma eficiente. Com ela, você conseguirá planejar com antecedência onde investir seu tempo de forma mais eficiente durante o desenvolvimento do aplicativo.

Aqui você encontra vários projetos públicos criados por mim, como, por exemplo, um Marketplace inspirado no MercadoLivre. A lista exibe as principais páginas do aplicativo com todos os dados. Além disso, é possível organizar o banco de dados necessário para o aplicativo.

O guia CSS para estilizar seu aplicativo Bubble

Agora, vamos examinar mais a fundo o novo motor de responsividade do Bubble. É fundamental criar um aplicativo de teste para avaliar os recursos, pois após migrar a página para a nova responsividade, não há mais possibilidade de reverter essa mudança.

Vamos começar com as principais alterações:

  1. Todo container agora tem um layout próprio;
  2. Recurso de margens fixas entre elementos;
  3. Novas medidas e Responsividade Vertical;
  4. Grupos repetidores e aprimoramento de layout; e
  5. Criando aplicativos e páginas a partir de agora.

Todo container agora tem um layout próprio

Com o novo motor de responsividade do Bubble, ao adicionar um novo container na tela, cada grupo criado possui suas 4 opções de layout:

  1. Fixed/Fixado: Te permite inserir elementos dentro do container, arrastando e soltando exatamente onde você deseja. Esse é o único layout que te permite essa ação, de forma que o container não se torna responsivo.
    • Quando usar: Quando você não precisa de responsividade, ou seja, como em sistemas de gestão, onde você vai usar no notebook padrão da empresa. Não precisa ser responsivo, porque vai ficar sempre fixo.
  2. Align to parent: Posicionamento de acordo com o container “pai”, ou seja, todos os elementos do meu container vão ser alinhados de acordo com o layout do grupo pai. Assim, não importa o que aconteça com a tela, o elemento permanecerá com o alinhamento específico.
    • Quando usar: Quando você deseja alinhar os elementos de forma centralizada, ou de acordo com o grupo pai.
  3. Row/Linha horizontal: Alinha os elementos de forma horizontal. Diferente do fixed, por exemplo, se você arrastar um elemento pela tela e soltar o mouse, ele retorna ao alinhamento horizontal. Você pode alinhar à esquerda, direita, centro; e até mesmo definir se terá espaços ao redor dos elementos, ou entre eles.
    • Quando usar: Quando você precisa criar menus
  4. Column/Coluna vertical: Basicamente, a mesma funcionalidade do row, porém na vertical, em colunas.
    • Quando usar: Criar seções na página. A forma mais intuitiva e coerente de se criar página agora, com o novo motor de responsividade.

Recurso de margens fixas entre elementos

O próximo tópico a ser considerado no novo motor de responsividade do Bubble é a compreensão do uso efetivo das margens. As margens podem desempenhar um papel importante na melhoria do design, ao ajudar a delimitar e organizar o layout.

Vamos imaginar três grupos alinhados verticalmente, dispostos em forma de pilha, colados uns aos outros como se fossem um só. Isso é visualmente feio, não é atrativo ao usuário.

Para corrigir isso, é recomendável utilizar as margens. Elas criam uma distância entre os elementos, um espaçamento padronizado que permanece inalterado, mesmo que as dimensões da tela sejam variadas.

Ou seja, não importa o que aconteça com a tela, o Bubble nunca vai deixar que esses elementos colidam entre si novamente.

Novas medidas e Responsividade Vertical

Com o novo motor de responsividade do Bubble, foram adicionadas novas medidas para grupos e elementos, agora não apenas em pixels mas também em porcentagem. Também foi adicionada responsividade vertical, que aproveita bastante as novas medidas.

Isso porque é possível ajustar o tamanho dos elementos não apenas em termos horizontais, mas também verticalmente, acompanhando a dimensão da tela.

Por exemplo, não importando o tamanho da página, se você ajustar a altura do elemento em 100% da página – assim como qualquer outra medida fixa – não importa o que aconteça com a tela, o seu elementos vai respeitar as medidas ajustadas devido à responsividade vertical.

Grupos repetidores e aprimoramento de layout

Outro ponto de destaque do novo motor de responsividade do Bubble são os grupos repetidores, que nada mais são do que novos containers. Com eles, você pode fixar linhas, definir o número de linhas ou colunas e ajustar outras definições fixas.

Esse recurso é especialmente interessante para quem migrou suas páginas para a nova responsividade. Se você fez a mudança e alguma configuração se alterou, você pode dar uma olhada nos manuais do Bubble e seguir as configurações ideias para aprimorar o layout.

E, por fim, mas não menos importante, na prática, como vai ficar a criação de novos aplicativos e páginas a partir de agora, com o novo motor de responsividade? Basicamente, você pode utilizar o layout Columns para a criação de páginas, como o padrão.

Lançamento Bubble Essential Kit

Após 2 meses ininterruptos de trabalho nessa ferramenta, é algo que vai mudar a forma como você cria aplicativos Bubble.

O mais comum de se observar em diferentes aplicativos Bubble é um layout que não é atraente aos olhos. Muitas pessoas se perguntam, por que os aplicativos criados em Bubble são tão feios? É alguma limitação do Bubble?

Não é uma limitação! Aliás, é o exato oposto: O Bubble te dá tanta flexibilidade de alterar cada propriedade, cada componente, que fica até difícil fazer algo bonito se você não for designer.

É por isso que, eventualmente, todo mundo acaba empacando no design. Por mais que você pegue a manha de Bubble, entenda muito bem a lógica, os workflows, banco de dados, saca tudo do Bubble, quando vai ver, o aplicativo ficou feio. Acontece demais.

Algo que eu sempre digo é que o design é secundário, o que importa é resolver a dor do cliente. E isso é verdade, o design é secundário, mas o problema é que também não pode ser feio.

O design é muito importante para engajar, despertar a vontade de usar a sua solução. Mas como você cria um aplicativo bonito, que seu usuário tenha vontade de usar, mas que não te dê trabalho?

Como funciona o Bubble Essential Kit

Primeiro passo, instale a extensão “Bubble Essential Kit” no Chrome. Depois disso, vá no seu editor do Bubble e confira se o ícone novo surgiu. Ao clicar nesse ícone, você tem acesso à extensão Bubble Essential Kit. É aí que estarão todos os componentes e blocos.

Aqui já tem tudo prontinho pra você copiar e colar. Então, o que você tem aqui dentro: Componentes prontos, que incluem:

  • Alertas;
  • Botões;
  • Cards;
  • Formulário;
  • Paginação;
  • Pop-up;
  • E muito mais.

Então, se você quiser puxar um botão para sua página, você entra na aba de botões para a extensão e escolhe o que gostar mais. Clica em copiar, volta para seu Bubble e cola o botão direto na sua página. Ele já vai estar funcionando.

Quando necessário, em componentes específicos, eles já virão com workflows, tudo funcionando direitinho, pronto para copiar e colar. Você também não tem apenas componentes prontos, mas também blocos prontos.

É assim que funciona o Bubble Essential Kit, a extensão Chrome criada para que vocês possam usar no seu desenvolvimento de aplicativos e landing pages. Com a extensão, é muito difícil criar uma coisa feia.

Quanto custa o Bubble Essential Kit

O valor da extensão é de US$97 por ano; não existe mensalidade, apenas anuidade, e só é possível pagar o valor em dólares.

Porém, dentro da Comunidade Sem Codar, a extensão do Bubble Essential Kit está liberada completamente, gratuita para membros da comunidade. Ao entrar no aplicativo, basta preencher seu e-mail e o seu cadastro na comunidade será confirmado para liberar a extensão.

Para mim, o Essential Kit é o começo de uma nova era.

Capacidade, performance e escala em aplicativos Bubble

Quantos dados você consegue armazenar: Não existe limite de banco de dados, é infinito. Quantidade de informação não é, e nunca será, um problema.

Quantas imagens, arquivos, vídeos você consegue armazenar: Aqui nós temos limites, depende do seu plano. Então, para ter um maior armazenamento, é preciso comprimir imagens e usar um armazenamento externo.

Quantos programas/abas você consegue abrir ao mesmo tempo: O limite está nos workflows simultâneos. O que carrega a capacidade de servidor do Bubble:

  1. As buscas que você faz;
  2. Criação de item no banco de dados;
  3. Edição de item no banco de dados; e
  4. Chamadas de API.

Nesse caso, como otimizar buscas? Você tem várias formas para isso como, por exemplo, utilizar filtros na busca. Ou seja, use categorias e filtros. Segundo ponto: Paginação. Você nunca vai encontrar uma aplicação que vai te entregar 10 mil itens de uma vez.

O que nos traz ao terceiro ponto: Jamais utilize full list. No Bubble, você tem várias formas de trazer o resultado das buscas. Quanto mais itens aparecem na página, mais pesado é o carregamento.

E, a quarta forma de otimizar buscas são as regras de privacidade. Não faz sentido que o usuário receba diversos registros no banco de dados, para filtrar quais pertencem a ele. Isso é muito filtro, não faz sentido.

Então, diante dessas informações, como escalar e aumentar a capacidade do seu aplicativo? Para isso, você tem algumas alternativas dentro do Bubble:

  1. Migrar de plano;
  2. Adicionar um boost de capacidade; ou
  3. Acrescentar novas unidades de servidores.

Agora, para responder à nossa última questão, será que o Bubble dá conta do seu projeto? Eu estou há mais de seis anos mexendo com o Bubble, e nunca vi nenhum projeto que o Bubble não tenha dado conta, em questão de performance.

Seu aplicativo buscando 10x mais rápido – Tutorial Algolia

Uma das maiores dúvidas de pessoas que começam a usar Bubble, ou ferramentas No Code é “Será que escala?”. Quando seu aplicativo tiver 1 milhão de usuários, será que o Bubble vai aguentar? A resposta é sim.

O Bubble processa isso em 1 segundo e meio. Então sim, você consegue tranquilamente lidar com quantidades absurdas de dados com ferramentas No Code. Não é um impeditivo.

Mas, outra dúvida muito frequente, que na verdade é um ponto que muitos aplicativos precisam, é se é possível fazer buscas textuais em volumes absurdos de banco de dados? O Bubble – e as ferramentas No Code no geral – me permitem isso?

Aí a resposta já é diferente. O Bubble em si não é otimizado para fazer uma busca de texto no banco de dados; na verdade, poucas plataformas são. Por isso existem serviços na internet especializados em ser um motor de busca do seu aplicativo.

Como funciona o Algolia para buscas

Imagina que você tem um banco de dados no Bubble, e tem uma cópia desses mesmos registros no Algolia.

Vamos supor que seu usuário pesquisou “iphone 14”: se você mandar essa busca pro banco de dados do Bubble, ele vai processar a busca em 1 milhão de registros, e te dar um retorno. Esse motor do Bubble não é otimizado para isso, vai funcionar mas com atraso.

Agora, essa integração com serviços externos de busca funciona da seguinte forma: Você não manda para o banco de dados do Bubble fazer esse processamento, mas manda para o banco de dados do Algolia.

Lá, ele processa a busca de forma muito mais rápida e te devolve o resultado.

Passo a passo para ativar o Algolia no Bubble

  1. Para ativar o Algolia, você precisa estar pelo menos no plano PROFESSIONAL do Bubble;
  2. Crie sua conta gratuita no algolia.com;
  3. Inserir suas chaves API do Algolia no Bubble;
    1. “algolia bubble.io”
  4. Aba PRIVACY e marque que você deseja enviar aquela base de dados para o Algolia;
    1. Confira no Algolia se foi indexado
  5. Ao invés de usar, no Bubble, o “Do a search for”, você vai usar o “Algolia search”;

Como enviar e-mails em seu aplicativo Bubble

O Bubble não é um serviço de e-mails, e isso vale para qualquer ferramenta No Code. Então, mesmo que algumas dessas ferramentas tenham uma ação de enviar e-mails, você vai estar sempre usando um serviço externo de e-mails.

Quais são os serviços de e-mail? Existem dois tipos:

  • Mail marketing e e-mails transacionais (transactional email);
  • Mail marketing = mailchimp, activecampaign, convertkit.

E-mail transacional é um e-mail pontual. Um exemplo são e-mails de redefinição de senha, ou um e-mail de notificar o usuário sobre seu boleto. Algumas ferramentas relacionadas são: sendgrid, sendinblue e postmark.

Agora, qual é usado pelo Bubble? Você deve ter notado que o Bubble tem uma ação chamada “Send Email” (enviar e-mail). Essa ação é integrada com um serviço de e-mail, o Sendgrid.

O problema aqui é que o sendgrid, de uns anos para cá, começou a ter problemas com o envio de e-mail para hotmail. Nessa situação, é possível utilizar um serviço externo de e-mail para enviar e-mails via Bubble. Hoje, vamos utilizar o sendinblue.

Como configurar o sendinblue? Passo a passo:

  1. Acesse o sendinblue.com e faça sua conta gratuita (300 e-mails/mês);
  2. Pegue a chave do API (Painel sendinblue – SMTP e API);
  3. Instale o plugin sendinblue SMTP; e
  4. Cole a chave de API na configuração do plugin.

Como receber e-mails? Novamente, Bubble não é um servidor de e-mails, você não consegue receber e-mails pelo Bubble. Da mesma forma que sendinblue não é um servidor para receber e-mails.

Como você faz para conseguir receber e-mails? Você precisa criar um serviço de email. Vamos buscar por um serviço de e-mail com algumas opções:

  • Zoho Mail – gratuito;
  • G Suite (Google Workspace) – Pago: US$8/usuário/mês – de longe o melhor que tem;
  • Hostgator – contas de e-mail que já vem com a hospedagem.

Entenda banco de dados de uma vez por todas

O jeito certo de se criar uma planilha:

  • Coluna – campos / informações que você quer. Quantidade limitada
  • Linhas – valores que você quer preencher. Quantidade ilimitada

O que isso tem a ver com o Bubble? Para você conseguir transformar uma planilha em uma estrutura de banco de dados no Bubble, lembre-se do seguinte: A coluna da planilha é igual a um campo no banco de dados do Bubble; a linha da planilha é igual a 1 item no BD.

Bem como cada planilha equivale a uma tabela no banco de dados do Bubble:

  • Coluna = Campo (Field)
  • Linha = Item (Thing)
  • Planilha = Tabela (Type)

Como funcionam listas: Existe um limite, de acordo com o Bubble, de 10.000 itens para uma lista. Porém, a recomendação é usar listas para, no máximo, 100 itens.

Existem dois erros muito comuns ao mexer no banco de dados do Bubble:

  1. Confundir dados dinâmicos com dados estáticos;
  2. Criar novas tabelas para qualquer coisa.

Para criar uma nova tabela, você precisa pensar duas vezes. Muitas vezes, criar um novo campo em uma tabela já existente já resolve o problema.

Publique seu aplicativo Bubble na Web, Play Store & App Store

Agora, vamos esclarecer duas dúvidas muito frequentes a respeito do Bubble: A primeira delas é sobre onde é possível publicar os aplicativos Bubble, e a segunda dúvida é saber como fazer a publicação passo a passo.

Então vamos entender onde eu consigo publicar meus aplicativos Bubble. Você consegue publicar aplicações web nas lojas, como Play Store – Google – e App Store – iOS. Então, você consegue publicar seu aplicativo Bubble tanto na web quanto nas lojas, para instalar.

Agora, vamos entender melhor o passo a passo para publicar seu aplicativo:

  1. Domínio: A primeira coisa que você precisa fazer é comprar um domínio. Eu sugiro usar o Google Domains.
  2. Cloudflare: Agora você vai criar uma conta gratuita no Cloudflare, adicionar novo site e copiar os valores “Nameserver”.
  3. Apontar Cloudflare para o Bubble: No Bubble, você pode apontar o Cloudflare, e receber entradas para servidores do Bubble. Assim, você adiciona os registros do Bubble no seu Cloudflare.

Agora, para finalizar esse tema, vamos entender como publicar seu aplicativo Bubble nas lojas Play Store e App Store. Para isso, você precisa entender o conceito de web view, que significa criar uma moldura nativa para um aplicativo web.

Então, ele é como um aplicativo nativo fake, pois ele vai ser instalado no celular do usuário, mas vai redirecionar para o aplicativo web. Qualquer site ou aplicativo web pode se tornar um aplicativo nativo por meio de web view. Mas como fazer isso?

  1. Primeiro, você tem que transformar isso em um PWA;
  2. Use a ferramenta gratuita chamada PWA Builder;
  3. Envie seu arquivo para as lojas direto da aba de desenvolvedores; e
  4. Seu aplicativo será avaliado e aprovado após 72 horas.

Como saber se uma ideia de aplicativo é boa antes de criar em Bubble?

Descubra como identificar se uma ideia para aplicativo é viável antes de criá-la com a ajuda do Bubble. Saiba quais são as melhores práticas para determinar se o seu projeto vale o esforço necessário.

Com estas dicas e práticas, você poderá verificar se a sua ideia para aplicativo tem potencial para se tornar um sucesso antes mesmo de iniciar o seu desenvolvimento.

Formulação da hipótese para a sua ideia de aplicativo

Formular uma hipótese é uma parte crucial para ter sucesso ao desenvolver seu aplicativo no Bubble. Para isto, é importante responder a duas perguntas básicas:

  1. Qual é o problema enfrentado pelo seu público-alvo?
  2. Qual é a solução ideal para esse problema?

Usando um marketplace de camping como exemplo para análise

Imagine um cenário no qual você está criando um aplicativo de marketplace para acampamentos, conectando amantes da natureza a lugares maravilhosos para acampar.

Mergulhe neste processo e descubra como as perguntas abaixo podem influenciar o futuro do seu aplicativo Bubble, assim como neste exemplo:

  • Qual o meu público alvo do app de campings?
  • Qual o tamanho do mercado do app de camping?
  • Como vou monetizar com um app de camping?
  • Dos 10.000 campings, quantos vão usar meu app?
  • E se eu pegar 10% desse mercado com meu aplicativo Bubble?

E quando a validação dá errado?

É importante reconhecer quando a validação não trouxe resultados favoráveis. Mesmo assim, ela ainda é extremamente valiosa, pois oferece aprendizado e insights cruciais para o desenvolvimento do projeto.

A chave para o sucesso é manter a flexibilidade, reavaliando suas estratégias e buscando novas oportunidades para encontrar a direção certa.

Os 5 melhores cursos Bubble para se profissionalizar

Os cursos oferecidos ajudam a proporcionar aos usuários os recursos necessários para produzir aplicativos web de qualidade com o Bubble, oferecendo assim uma experiência capaz de atender às suas expectativas.

O Bubble é o futuro da profissionalização para aqueles que desejam desenvolver aplicativos úteis e que possam satisfazer os requisitos do mercado:

  1. Comunidade Sem Codar: A Comunidade Sem Codar é o pioneiro no Brasil e maior curso Bubble do mundo, oferecendo um conteúdo vasto e robusto.
  2. Bubble Academy: Os tutoriais oferecidos são intuitivos e fáceis de seguir; a plataforma também oferece um fórum onde você pode obter ajuda de outros usuários.
  3. No Code Alliance: Os cursos do No Code Alliance, criados por JJ Englert, são focados em ajudar os usuários avançados a aprimorar suas habilidades de criação de plataformas robustas
  4. Tutoriais da Amlie Solutions: Os tutoriais são focados em ajudar os usuários a aprimorar suas habilidades de programação e desenvolvimento.
  5. Cursos da Buildcamp: Dois cursos especiais oferecidos pela Buildcamp são para Marketplace e Design Responsivo.

O melhor curso Bubble para se profissionalizar

Se você está procurando por cursos Bubble para se profissionalizar, os cursos da Comunidade Sem Codar são a melhor escolha.

Aqui você encontrará tudo o que precisa para se tornar um profissional Bubble qualificado, desde tutoriais passo a passo ministrados pelo especialista Renato Asse, até aulas extras de aplicativos específicos.

Guia definitivo para aprender Bubble

Em suma, o Bubble é um ambiente de desenvolvimento em que qualquer um pode criar aplicativos web completos sem precisar de qualquer capacidade de codificação ou experiência.

Ao longo deste guia, foram desenvolvidas e explicadas as etapas essenciais para iniciar sua trajetória como desenvolvedor No Code, desde uma compreensão básica de Bubble até a criação de seu primeiro aplicativo.

No entanto, esta é apenas a ponta do iceberg. A comunidade Sem Codar é a plataforma ideal para aqueles que anseiam por uma aprendizagem mais profunda e completa no desenvolvimento No Code.

A comunidade oferece uma série de cursos Bubble, onde você pode aprender todas as etapas necessárias para se tornar um confiante desenvolvedor Bubble profissional e qualificado.

Portanto, esperamos que você se junte a nós na Comunidade Sem Codar. Expandir seu conhecimento e habilidades nas ferramentas No Code é somente o começo de uma jornada incrivelmente recompensadora no mundo do desenvolvimento sem códigos. Por que esperar?

Venha embarcar nesta incrível aventura de aprendizado conosco na Comunidade Sem Codar e dê o primeiro passo para se tornar um desenvolvedor No Code profissional e qualificado!

COMPARTILHE ESSE POST

Quer aprender mais sobre Desenvolvimento Visual de Aplicativos (No-Code)?

1

Comece por essa Masterclass Gratuita, uma aula gratuita onde você irá aprender tudo sobre o que No Code, Low Code, Bubble, FlutterFlow, programação visual, desenvolvimento sem código, quais as melhores ferramentas, o que é possível criar, e muito mais. Clique no botão abaixo para acessar essa aula 100% online e 100% gratuita:

2

Me siga no YouTube para receber toda semana novos vídeos ensinando tudo sobre desenvolvimento visual de aplicativos e No-Code.

3

Inscreva-se na Comunidade Sem Codar, um curso online com centenas de aulas passo-a-passo do zero, e ganhe acesso ao grupo exclusivo dos membros para tirar dúvidas sobre Bubble, FlutterFlow, AppGyver e desenvolvimento No Code e Low Code:

Posts relacionados