00:00:00A maioria dos desenvolvedores exagera na engenharia de ferramentas internas e, vamos encarar, todos sabemos disso.
00:00:04Você sobe o React, conecta APIs, cria autenticação, gerencia o estado apenas para entregar um dashboard que é basicamente
00:00:10formulários e tabelas. Este é o AppSmith, uma ferramenta de código aberto com mais de 39.000 estrelas que pode
00:00:16substituir a maior parte disso em apenas alguns minutos. Pense nele como a alternativa de código aberto ao Bubble,
00:00:21e eu vou te mostrar como ele funciona em apenas alguns minutos.
00:00:29Agora, o AppSmith não é novidade, mas ainda não se fala dele com a frequência que se deveria.
00:00:34Ele não foi feito para landing pages ou apps de clientes, apenas para ferramentas internas. Temos uma interface de arrastar e
00:00:41soltar, mas com JavaScript completo para você nunca ficar travado. Você conecta bancos de dados, APIs, ferramentas SaaS,
00:00:47e continua usando o Git como um desenvolvedor normal. Agora, não há fidelidade obrigatória aqui e podemos auto-hospedá-lo
00:00:54totalmente de graça, além de termos usuários ilimitados. Então, a real pergunta é: isso realmente economiza tempo?
00:01:00Deixe-me mostrar. Se você gosta de ferramentas de código aberto e dicas de programação como esta,
00:01:04não se esqueça de se inscrever. Temos vídeos saindo o tempo todo. Agora, assim que você lançar o AppSmith,
00:01:10você criará uma conta rápida, super simples. Então, no seu painel, você pode iniciar um novo app com uma
00:01:15tela em branco. Agora, como este não é um tutorial completo, vou apenas escolher o banco de dados Postgres
00:01:21predefinido, mas você pode ver aqui todas as opções que realmente temos para construir nele,
00:01:26o que é muito legal. Assim que eu tiver um banco de dados e, no meu caso, o Postgres vinculado, pronto.
00:01:32No banco de dados, há várias tabelas com as quais você pode brincar, mas eu vou escolher
00:01:36a tabela de funcionários, pois ela tem alguns usuários fictícios. Agora, vou soltar uma tabela,
00:01:42escolher conectar à tabela correta do banco de dados. Ela popula a tabela instantaneamente, e então eu posso
00:01:47adicionar um formulário de entrada e um botão de envio. Você pode ver como tudo isso é arrastar e soltar,
00:01:52e então, na barra lateral, posso até vincular consultas e até JavaScript a isso.
00:01:55Eu já vinculei os dados à tabela, mas aqui posso fazer uma consulta com o campo de entrada para pesquisar
00:02:01um usuário em nosso banco de dados. Simples assim, está pronto. Adicione um gatilho ao nosso botão para atualizar, talvez
00:02:07uma notificação do tipo toast, clique em publicar, e pronto, um app CRUD funcional. Digo, ok, super básico, já que estou
00:02:12passando por tudo isso em apenas alguns minutos, mas sei que você consegue ver a real versatilidade por trás
00:02:17de tudo isso e o quão rápido isso seria em um fluxo de trabalho também. Sem configuração de React, sem camada de API, sem autenticação.
00:02:23Isso levou talvez um minuto, talvez dois, ok? E você ainda tem controle total com JavaScript,
00:02:28temas e Git. Então sim, é grátis, é rápido, nada de pagar pelo Bubble ou algo do tipo.
00:02:34Esta é uma ótima ferramenta para subir rapidamente. O AppSmith é basicamente interface de um lado, dados do outro,
00:02:40e JavaScript para conectar tudo. Widgets cuidam da interface, fontes de dados se conectam a bancos de dados,
00:02:46APIs, até LLMs, e as consultas são apenas SQL, REST ou JavaScript. E a ideia chave é que o JavaScript está
00:02:54em todo lugar. Agora, a maioria das ferramentas de low-code esconde a lógica de você, e esta a expõe. É por isso que
00:03:00os devs estão mudando. O Git funciona como você espera, ramificação, mesclagem, CI/CD, não há nada estranho,
00:03:06e você pode auto-hospedar com Docker ou Kubernetes. Assim, você controla seus dados e seus custos. Você pode
00:03:12construir componentes personalizados com React ou JavaScript puro, e ele é pronto para produção com
00:03:18RBAC, logs de auditoria e SSO já integrados. Agora, dito tudo isso, obviamente existe IA,
00:03:23mas a parte importante é que ela gera código que você pode realmente editar. Então parece perfeito, talvez,
00:03:30mas não é, ok? Bem, isso é bom para economizar tempo, pois podemos entregar mais rápido, e honestamente,
00:03:36depois de usar, isso parece bem preciso. É de fato código aberto, então você não está preso
00:03:42a um modelo de preço. Não ficamos travados porque sempre podemos apenas colocar JavaScript nele,
00:03:47e se você auto-hospedar, é grátis com usuários ilimitados. Mas, por outro lado, com o tempo ou escala,
00:03:52isso pode quebrar e quebra. Agora, se você tentar renderizar conjuntos de dados massivos no cliente,
00:03:58pode ficar lento, então você precisará de paginação no lado do servidor. Layouts mobile não são automáticos.
00:04:04Você precisará ajustá-los manualmente. E se você estiver vindo de gerenciamento de estado no-code,
00:04:08isso pode parecer bem confuso no começo. E a interface está um pouco atrás de ferramentas como Retool se você quiser
00:04:14dashboards luxuosos. Nada disso importa muito, na verdade, mas importa dependendo do seu caso de uso.
00:04:20Então, onde isso realmente se encaixa? A comparação real é Retool contra AppSmith. O Retool
00:04:26é mais polido e tem recursos mais fortes, mas é caro e tem código fechado. O AppSmith é
00:04:32menos polido. É código aberto, certo? Mas você é dono de tudo. O custo é zero se você auto-hospedar.
00:04:39Bubble e Webflow não são realmente comparáveis, já que são mais para apps voltados ao cliente,
00:04:44mas eles fazem muitas coisas legais que são semelhantes. O Tooljet é mais próximo, mas o AppSmith
00:04:49ainda se destaca com uma integração Git mais forte. Então, se o seu objetivo é entregar ferramentas internas rapidamente,
00:04:55o AppSmith geralmente é uma troca melhor. Se você gosta de ferramentas de código aberto e dicas de programação como esta,
00:05:00não se esqueça de se inscrever no canal BetterStack. Nos vemos em outro vídeo.