CRM para WhatsApp, Facebook e Instagram
Responda todas as mensagens dos seus clientes em um só lugar, a plataforma de gerenciamento de chats mais querida da América Latina!
Tutorial completo Bubble io como desenvolver um dashboard padrão de sistemas SaaS multi-empresas com menu lateral e submenus e utilizando a URL para navegação.
Neste tutorial exploraremos o desenvolvimento de um dos tipos de aplicativos mais comuns e requisitados. Será desenvolvido um painel dashboard administrativo 100% responsivo para sistemas SaaS multi-empresas.
Aprenderemos a construir o menu lateral com menus e submenus utilizando options sets para essa construção, uma boa prática de desenvolvimento com Bubble io.
Aprenderemos também a utilizar a URL para navegarmos entre todos os conteúdos do aplicativo.
Sem dúvidas o tutorial mais completo sobre Bubble que encontrará no YouTube.
Não deixe de conferir por completo, deixar seu joinha e comentário.
=================================================
🔥 Aprenda No-Code + IA do zero ao avançado com a Assinatura PRO!
🔥 Curso GRATUITO de Bubble
📚 Download do Material do Tutorial Dashboard Bubble
=================================================
📽️ Vídeos recomendados:
Curso Bubble Gratuito
[
=================================================
👇Comente com suas dúvidas, observações, críticas.
Lemos e respondemos todos os comentários.
Bora no-coders👋
Nos sigas nas redes
@nocodestartup_
@netocamarano
@mat_castelo
#dashboardbubbleio #multiempresasbubbleio #menububbleio #navegacaourlbubbleio #bubble #bubbleio #tutorialbubbleio #nocode #tutorialbubble #cursonocode #criaraplicativo #cursobubble #semcodigo #mercadonocode #aprendernocode #nocodeinpublic #submenububbleio #menucelularbubbleio
=================================================
⭐ Dasboard SaaS Bubble io
00:00:00 Painel Dashboard Bubble
00:02:30 Se inscreve aí
00:03:00 O que aprenderemos
00:04:07 Material Download
00:04:37 Formação Completa Bubble io
00:05:57 Configurações iniciais
00:09:30 Estrutura do Dashboard
00:22:21 Floating Group Menu Lateral
00:28:02 Custom States Menu Lateral
00:32:25 Esconder Menu Lateral Bubble io
00:40:20 Elementos Menu lateral
00:51:00 Design Dashboard
00:56:07 Responsividade e Menu Mobile Bubble io
01:06:53 #nocodeinpublic
01:09:18 Navegação parâmetros URL Bubble io
01:18:44 Options Sets p/ Menu Lateral
01:30:55 Navegação URL c/ Options Sets
01:36:45 Submenu Bubble io
01:56:56 Recadinhos finais
source
dashboard bubble io,saas bubble,responsividade bubble,menu lateral bubble io,submenu bubble io,multiempresa bubble io,tutorial bubble io,tutorial bubble,design responsivo bubble io,parametros de url bubble io,navegacao url bubble io,menu mobile bubble io,menu celular bubble io,responsividade celular bubble io,dashboard saas bubble io,dashboard multiempresas bubble io,no code,bubble,bubble io,responsividade bubble io
#Painel #Dashboard #SaaS #MultiEmpresas #Tutorial #Bubble
47 Comments
eu tive um pequeno problema na hora de criar o menu em grupo repetidor, eu notei que voce colocou a ação de workflow apenas no GRUPO do menu, dentro do repetidor no meu aqui quando eu clicava no texto ou no icone mesmo eles estando dentro do grupo a url na mudava, entao botei o mesmo parametro do grupo no texto e no icone e funcionou.
Muito top a aula !!!!
Rapaz estou tomando uma coça na parte da navegação por parametros. Porque você colocou o Type de text e o valor fixo de dashboard. Mas depois não é mais valor fixo é uma variavel. Não estou conseguindo de jeito nenhum pegar o parametro de url kkkk
Não consegui cocluir a parte da "Navegação parâmetros URL", em especifico a parte da ação de Navegação (Go to Page) no Workflow. Não consigo adicionar o grupo… é como se não existisse o nome pois não aparece para incluir no "Data to send"
Top demais essa aula. Gostei muito. Uma dúvida, se puder responder, é claro. Esse seria o painel adm do app. Eu consigo montar uma app. Onde; teria o painel ADM. Um front para clientes que acessam pelo computador e uma tela em forma de app para mobile?
Sensacional, essa aula me ajudou muito!! Obrigada🎉
Professor… que aula sensacional. Parabéns pela didática, você transmite o conteúdo com clareza, segurança, organização da ideais e apresentar as melhores práticas de Programação.
Que bela aula, parabéns!
Eu não consigo movimentar os elementos livremente pela tela, ele sempre volta automaticamente pro lugar onde eu colei, pq será?
Alguém pode me explicar como o Neto colocou aquele fundo transparente com o gradiado na index dele? acho que desse jeito é bem melhor para trabalhar.
Sou aluno nocode startup… e pra adiantar assisti essa aula. Sensacional! Obrigado
Tche, parabéns pelo vídeo, muito bom.
Tem como ter uma funcionalidade que se clique fora do menu na versão mobile e ele feche, sem a necessidade de clicar no X?
Obrigado pela dica e pelo vídeo.
Muito bom, só tenho uma dúvida, em questão de organização acredito que ficando todas as páginas dentro de apenas uma fica bem mais desorganizado. Levando em consideração o desenvolvimento de um SAAS que tenha vários módulos/páginas, uma boa prática não seria ter todas as páginas separadas? E Se sim, como seria fazer isso utilizando esse seu modelo?
Good
Cara definitivamente eu aprendi Obrigado !
Que conteúdo sensacional. Já tenho um ERP rodando na empresa mas não é responsivo. Tenho na faixa de 20 páginas e uns 25 pop-up. Na sua opinião vale a pena deixar nessa estrutura de navegacao por grupos ou por páginas mesmo? Hoje ele está em forma de navegação por páginas.
Muito obrigado e certamente vou comprar seu curso pela sua didática.
Que vídeo, que didática… parabéns!!! Muito bom!!!
Existe alguma forma de login em que cada usuário tenha seu conjunto de paginas separada, com paginas especificas para cada login? Caso sim, no curso ensina a fazer essa forma de login?
Boa tarde! Conteudo top demais cara. Me tira uma duvida, na barra lateral, nao estou conseguindo rolar o conteudo dela, fica fixa e não rosa, a pagina em si esta rolando, mas ela não. O que devo fazer?
Fala galera, estou com um problema, quando coloco o floating group, está com um problema, que diz assim: floating group must bê rigth under The undefined. Instead it is under grp menu
Cara muito bom seu video porem eu queria criar só o menu com option set teria algum video que explica melhot porque esse comlica porque fala sobre novegação url
Neto, video aula sensacional, parabéns! uma dúvida/comentário: Utilizar um elemento reutilizável no menu lateral, não seria uma forma mais "flexível" a médio longo prazo para se trabalhar? Pensando estes conteúdos que estamos carregando vão crescer com o tempo e ou outros serão adicionados e mudados de posição, e a questão de diferentes níveis de usuários e suas condicionais de visualização do menu. Mas de qualquer forma uma aula e tanto, novamente parabéns. 👏
Neto que aula excelente. Completa, com uma didática direta e com alta qualidade. Parabéns e obrigado por compartilhar o seu conhecimento.
#nocodepub
Levei umas 2 semanas para criar esse menu seguindo o tutorial e finalmente terminei🙌🙌. Muita informação, mas vou pegar para fazer novamente para fixar melhor os conceitos. Parabéns pela didática excelente👏👏👏👏
sobre a navegação tem como fazer algo assim:
apps/projetos/{valor_dinamico} tudo dentro da dash sem, criar outra pagina?
ou seja adicionar mais 2 path e um valor dinamico
Amigo, muito top o seu curso, aprendi muita coisa, mas ficou um GAPzinho, nos Menus eu só consigo clicar nele fora do texto e do icone, no Submenu ta dando certo clicar no texto… o que pode ser?
Quase 2 anos depois aprendendo muito por aqui. Obrigado pelo conteúdo!
Aula muito top mesmo depois de 1 ano, mas deixei passar algo que quando recolho a barra lateral meus incones ficam finos/encurtados, não consegui resolver ainda
que aula sensacional.
Neto, parabéns pelo conteúdo de altíssimo nível. Dúvida: Qual a vantagem dessa abordagem do frontend em uma única página, estilo SPA da abordagem de páginas independentes? Eu consigo pensar apenas na reutilização da responsividade.
Gostaria muito que o acesso ao curso fosse vitálico, em é muito difícil assistir todas as aulas do curso e por em prática, falo isso por experiencia própria.
Gostei muito do UI e UX, simples de entender e fácil de usar, mas uma parte esta me intrigando, da forma que ficou, tudo em uma página, não acaba ficando "pesado" pra carregar essa única pagina? Não seria melhor separar os conteúdos do menu (Dashboard, Projetos, etc…) cada um em uma página?
Uma sugestão de aula se der, com a opção de fazer o menu usando o repeating group, ficou complicado para fazer os submenus, visto que tudo aparece de forma dinamica do option set. se der faz uma aula explicando como resolver isso
Boa noite meu amigo! Muitoooooo obrigado! Aprendi muito! Nunca me prendi muito em um video, mas o seu é bem explicativo! Consegui fazer perfeitamente, já fiz alguns ajustes e ficou muito bonito! (Na minha opinião) BRABO!
Boa tarde! Parabéns pelo conteúdo. Aqui temos uma questão: ao utilizar o método "Get to page index" + configuração de parâmetros, quando usamos como aplicativo nativo em um PWA, ele não permite fazer o deploy para o modo live, mencionando "Issues": Go to page index – Change page actions should not be used in a native app page
🔥 Aprenda No-Code + IA do zero ao avançado com a Assinatura PRO!
https://bit.ly/41i9paW
Comecei a criar um no fim de semana passado. Agora que vi esse de responsividade, vou refazer de novo no modelo responsivo… a grande vantagem ao fazer o fixed, foi que aprendi muito da parte lógica e agora vou mais rápido o desenvolvimento😊
Só podia ser mais objetivo. Ensinou de uma forma e depois fez desfazer tudo e fazer de outra forma. Ia até comprar o curso pra dar continuidade, mas agora fiquei com receio de ficar fazendo e refazendo.
Obrigado! Baita aula.
Parei a aula no meio para agradecê-lo, professor. Muito obrigado por compartilhar o seu conhecimento!
cara e como faz pra atrelar o painel com o app ??
muito boa sua aula… aprendi muito…. (passei três hora procurando um erro que fiz no FG GROUP KKK, e concertei graças a esse seu vídeo) Vlw mesmo.
Gostei muito da sua aula, parabéns. Estou com uma dúvida, achegue até onde, coloca os ícones no dashboard, consegui fazer com a aula, porém verificando em um celular, na hora que você tenta abrir no celular no menu hamburguer, nada aconte, fata algum ajuste?l
Tem como desenvolver app no code e colocar em Container ?
Muito bom, gostei.
boa noite, parabéns pelo conteúdo , uma duvida: em um sistema multiempresas em que tenho um grupo repetidor exibindo o numero da ordem de serviço, como fazer para cada empresa gerar seu próprio numero em sequencia? no caso são empresas que prestam serviço.
sds