Speedrun de Claude Code | 🔴 Live Coding + SORTEIO CLAUDE CODE

Samuel Rizzon live codes two projects: ReplyOS, an AI copilot for Twitter, and Eu Sou Pobre, a micro-payment ranking site using Pix. He builds the React UI, integrates AbacatePay, debugs Supabase migrations and RLS policies, and explains why he switched from Angular to React for AI-driven frontends.
Chapters
Bom dia, bom dia, boa tarde e boa noite.
Os caras já chegaram aqui, ó.
Deixa eu ativar o chat aqui, olha lá, ó. Será que vai aparecer aí? Boa!
Caramba, o texto ficou muito grande. Agora sim, olha lá, o Lucas chegou primeiro. Olha lá, o primeiro. Bom dia, primeiro na live aqui. Puts, não fui primeiro. Pô, GX, perdeu para o Lucas hoje, cara, foi mais rápido. Lucas foi mais rápido. Bom dia, galera! Hoje é dia de codar, hoje é dia de codar bastante.
Bastante com nosso amigo Cláudio. Deixa eu só deixar a porta aqui. Pronto, pronto, pronto.
Bora, guys, vamos fazer o app dos pobres! Hoje é dia de fazer app dos pobres. Aí, ó, o Santos Adam só veio deixar meu like. Boa, meu amigo, meu parceiro!
Legal isso aqui, ó. Pô, gostei, gostei do radius aqui. Boa, boa, boa!
Bom dia, bom dia, bom dia! Mais uma live para eu sair me sentindo mais burro da turma.
Pô, mano, aí não, velho, não é assim também não, pô. Não é assim também não, cara. Deixa eu ver a mensagem aqui. Aqui eu tô só configurando essa parada aqui. Boa, show, show, show, show!
Vamos rodar, galera! Aí, ó, GX falando aí, ó, na dúvida. Eu não duvidaria que esse produto daria bom. Gosta da pobreza. Pior que é verdade, cara.
Pior que é verdade.
Vamos embora, guys, vamos embora! Hoje eu não quero perder muito tempo não, cara. São 9:03 da manhã e eu quero fazer bastante coisa no app dos pobres aqui. Deixa eu compartilhar minha tela aqui com vocês. Só que antes, antes, antes, não se esqueça de deixar o seu like. Então aí, ó, deixa o seu like, se inscreve no canal, você que não é inscrito. Manda essa live no grupo da firma, fala: galera, vamos morcegar aqui um pouco, vamos ver um cara fazendo as coisas legais aqui, o app dos pobres. Manda o grupo da firma, depois vê um vídeo lá no meu canal. Eu tô, cara, devendo um vídeo, cara. Tem muita gente me pedindo um vídeo sobre como fazer landing page, cara. Tem muita gente me pedindo. E aí eu vou gravar esse vídeo, como fazer landing page.
E aí eu vou gravar esse vídeo, cara, eu tenho uma novidade para contar para vocês. Deixa eu falar aqui, ó, deixa eu mostrar para vocês uma super novidade.
Primeiro deixa eu abrir aqui.
Boa!
Deixa eu contar novidade para vocês aqui, ó.
Deixa eu compartilhar a tela inteira. Pronto, deixa eu tirar esse chat daqui.
Beleza, guys, eu tô no X agora, eu tô on fire no antigo Twitter, tá? Então, fire no antigo Twitter e Eu acabei de lançar, tem uns 5, 6 dias que eu lancei um SaaS focado no X, focado no Twitter, tá? E aí eu tô fazendo o building public dele lá. Então, cara, eu tô postando literalmente todo dia lá, tô postando todo dia. Para vocês terem ideia, que esse aqui é meu perfil, cara, eu tô com 540 seguidores já e eu comecei, tem, eu comecei a postar, né? Aqui eu postei no dia 7 de fevereiro, hoje é dia 12. 7, 8, 9, 10, 11, 12. Tem 5 dias, cara, que eu tô no X. 5 dias eu consegui 540 seguidores lá. De que eu postei, né? O post que eu fiz sobre o SaaS que eu criei foi esse aqui, ó, ReplyOS. Ele bateu lá 16 mil visualizações. E aí eu vou mostrar para vocês um pouco desse SaaS. Como que tá funcionando aqui hoje, que que a gente tem, tudo mais. Antes da gente começar a live, eu só quero mostrar para vocês, pedir para vocês, se você tem Twitter, se você tem X, segue lá.
Deixa eu mandar o link aqui no chat aqui para vocês. Boa!
Se você tem Twitter, você tem um X. É ruim falar X, cara, não consigo, mano. Eu sempre falo Twitter, mas ela Eu fico assim o dia inteiro com o Cláudio explicando para parede, por nada, as coisas com ele. Mas, guys, o que que eu fiz, cara? Eu tava, eu, a bolha dev, ela tá no X, ela tá no Twitter. Isso aí eu sei, ficou muito claro para mim quando eu entrei lá e quando eu comecei a seguir, né, o pessoal de lá, o pessoal da, principalmente gringo, eles estão todos no Twitter, o pessoal da bolha dev. E aí eu queria achar uma forma de engajar mais no Twitter. Só que, cara, eu não tava no início, né, eu não tava tão empolgado assim, eu não queria perder muito tempo. Aí o que que eu fiz? Pô, pedi o Claudio para— fiz um script com Claudio que roda o Playwright, que ele abre o meu X para mim e ele fica rolando a minha timeline. E aí faz um filtro para mim dos posts mais interessantes. E me dá uma reply para me responder. Então começou assim, cara, um projetinho do cloud com playwright, nada mais que isso. E aí eu fui conversando com um amigo meu, aí a gente falou, ele ficou empolgado, falou: pô, legal. Aí depois lá no hackathon, né, eu fui conversar com o cara, eu fui mostrar, né, que eu tinha feito isso. O cara falou: pô, eu fiz um negócio desse também, que isso é legal, não sei o quê, não sei o quê, não sei o quê. E aí, cara, eu falei: pô, vamos criar um produto disso então, vamos. Já tem "Tem algum produto disso já?" Já, aqui, ó, Super X.
Não, não é o Super Base, não, gente, Super X.
Esses caras aqui acabaram de chegar a $25 mil de receita recorrente mensal com um produto parecido, né, com o que eu tô fazendo. E é um produto totalmente gringo, totalmente focado na gringa, não tem aqui para o Brasil. E eu falei, pô, tem marketing, tem Tem marketing, tem empresa já que estão fazendo dinheiro com isso. Por que não fazer? Por que não, né?
E aí tá aí, ó, fiz um ReplyOS.
Eu juro que a parte, o core do negócio, eu devo ter feito em um final de semana. Aí depois eu fui refinando, refinando, e agora eu tô só refinando as coisas, cara, e melhorando o que a gente já fez. Mas a ideia aqui, né, essa landing page aqui é a landing page que eu vou tentar fazer no vídeo, que que eu vou ensinar vocês o vídeo de como eu tô fazendo minhas landing pages, tá? Vocês estão aí, guys? Tem 7 pessoas na live aí, o chat parou. Vocês estão só me ouvindo, né?
Pô, acho que vocês estão aí.
Deixa eu só mandar o link aqui no outro grupo, no grupo da Abacate.
Enquanto isso, eu vou esperar vocês responderem aí, ó. Tô ao vivo.
Boa.
Show.
E aí, cara, eu fiz a landing page. E aí eu fiz a landing page, fiz o produto. Então a ideia, cara, é ser um copiloto com IA para crescer no X. De início a gente vai focar no X, mas eu quero muito conseguir expandir isso para o LinkedIn, expandir isso para o Threads, expandir talvez para o Reddit, sabe? Então ser um— a ideia central do ReplyOS, cara, é você entrar nele e você ter várias redes sociais suas, onde aí ela vai fazer a curadoria dos posts, vai te mostrar somente os melhores posts daquele dia. Então, ao invés de você ficar no LinkedIn rolando o feed para ficar engajando, para ficar postando, para ficar pegando ideia, ao invés de você ficar no X também rolando o feed, pegando ideia, no Reddit, essas coisas, no Threads, você vai entrar no Reply, ele vai te mostrar posts do X, do LinkedIn, do Threads, em um lugar só os melhores posts já feitos com uma curadoria feita pela IA, e você consegue responder eles com ajuda da IA, você consegue criar outros posts.
Então o que eu fiz, dá uma olhada aqui, ó, pô, isso aqui ficou muito bom, mano.
Ghostwriter, Postwriter Analytics. E aí fala, não tá crescendo porque não tem tempo. E aí que vem as funcionalidades. Então a gente criou, eu criei um Ghostwriter que basicamente é um agente que ele vai ficar escaneando sua timeline, ele vai procurar os posts com mais potencial para você responder, ele vai gerar os replies no seu tom de voz. Ele não publica direto, tá? Ele vai te mostrar. Então, por exemplo, você quer um exemplo, né? Eu vou mostrar para vocês o sistema. Esse aqui é um exemplo, ele te mostra o que que foi feito. Aí você pode só enviar. Então é como se tivesse uma pessoa analisando o seu Twitter duas vezes ao dia e ele vai, e aí ele vai te mostrar. Você entra 9 horas da manhã, você entra lá, tá em 3 posts, já foi priorizado pela IA, já tem uma reply pronta para você só editar e postar e acabou. Então a ideia é você entra, acessa o site, vê os posts mais legais e posta, para você tá sempre engajado, sabe, na ferramenta. Tem o Post Writer, que é uma IA que você conversa com ela para ir gerando post para você, analytics, e a gente tá fazendo uma biblioteca viral, cara. Isso aqui é legal para caramba, eu vou mostrar para vocês. E o feed inteligente, que é o feed curado pela IA. Então o feed não vai aparecer propaganda, o feed não vai aparecer post de Neymar, Vini Jr., Bolsonaro, Lula, pô, não vai aparecer nada disso, cara. O post vai aparecer o que faz sentido para você. Entendeu? E enfim, aí você que tem uma outra coisa foda para caramba, cara. Isso aqui até eu fiquei impressionado, porque o que que rolou? Isso aqui, cara, eu fiz um script, eu fiz um algoritmo que ele vai recomendar posts baseado nos outros usuários do sistema. Então quanto mais gente entrar no sistema, mais esse algoritmo vai ficar melhor, porque ele vai recomendar post de outras pessoas que você não segue. É como se fosse a home do Twitter. E aí funcionou bem parecido, cara, porque um post que eu fiz aqui, ó, um post, cadê, cadê, cadê, cadê, cadê, profile. Eu fiz um post aqui, ó, no X falando o que que tinha acontecido, cara, com isso aqui, ó. Se liga, o ReplyOS me recomendou o post do Banhos Dev, um cara que tá fazendo um SaaS muito legal e eu nem seguia ele. Aí o algoritmo identificou que ele tem um perfil baseado nas pessoas que eu sigo. E aí eu fiz um comentário no post dele. Então aqui, ó, foi o recomendou, né, para mim. E aí eu fiz um comentário no post dele, cara. O comentário que eu fiz no post dele pegou 1300 views, 98 bookmarks, 40 curtidas. Então conseguiu engajamento no post de outra pessoa porque eu vi o post lá no Reply West, cara.
Olha que doideira. E aí tem as coisas aqui, os preços, e terminou a landing page aqui, ó.
A landing page tá em português e inglês. Ela tem, ela por default é dark mode.
Então eu fiz esse negocinho aqui, ó, que da hora.
Fiz um, não sei o nome disso aqui. Mas ele segue o mouse e tem português e inglês. Tudo já tá em português e inglês, né? Eu já fiz bem pensado na parte de ser um produto para gringa mesmo, sabe? E tá bonito, cara. E aí, como é que funciona?
Deixa eu entrar aqui, ó, login.
Vou fazer o login com o Hex aqui para mostrar para vocês rapidão.
Deixa eu ver aqui, ó. Até 5 minutinhos eu mostro. Enquanto isso eu vou ver os comentários aqui, ó.
É que o post já apareceu, mas tá bom. Rapaz, queria uma dica: onde você consegue essas ideias de produtos das gringas? Mano, a ideia veio de uma necessidade minha, cara. Eu queria fazer um negócio E aí eu fiz, descobri que tinha um produto na gringa, porque eu nem sabia disso, nem tava nessa bolha do X, nem usava o X. E aí inventei, cara, foi literalmente do dia para noite.
E aí eu arrumei um doido que topou fazer um negócio comigo e a gente fez, cara.
Lucas, bom dia, bom dia, bom dia. Projeto irado, já pensou onde vai hospedar essa máquina? Não entendi, mano, que máquina? Não entendi. Aqui o projeto tá com um projeto normal React e Supabase. É produto da hora, rapaz. Deve ter dado um trabalho da porra. É, mano, trabalho dá, viu. Igual ontem eu devo ter ficado umas 10 horas, cara. Eu tava mais de boa no serviço, deve ter ficado um tempinho bom fazendo isso aqui, porque eu sempre deixo rodando em segundo plano, né. Eu fiz tudo com cloud, cara, lembrando que eu fiz tudo com cloud. Tudo, tudo aqui foi 100% web coded. Fui buscar o café e não vi se você respondeu a pergunta. Ah tá, esse Sávio, o Sávio é uma máquina. Já tá hospedado já, mano, já tá lá na Vercel, pô, tá hospedado lá na Vercel. Mas enfim, a gente não perder tempo, ó, se liga, deixou Tirar o zoom aqui e botar um light mode aqui, ou dark mode. Vou deixar o dark mode para vocês aqui, ó. Mas, olha lá, tela inicial, ele já mostra aqui atividades, uma atividade bem parecida com do GitHub, tá ligado? A minha atividade nos últimos dias, brabo, brabo, brabo. E aí, a gente tem, por exemplo, a biblioteca viral. Olha que da hora. Agora, ontem eu adicionei bastante post, eu já tenho 478 posts aqui na biblioteca viral. Então a ideia aqui é você achar uns posts legais. Então você consegue ver uns posts legais aqui, e aí você consegue clicar aqui, ó, um post breakdown, para você ver qual que é o formato, né. Deixa eu achar um post em português aqui.
Acho que vai ser meio difícil, a maioria dos posts é tudo em inglês.
Aqui, ó, boa, esse aqui. Então quando você clica aqui em post breakdown, aí ela vai analisar o hook, analisar a estrutura. Ele pegou o post que deu 619 mil views e ele fala lá o hook, gera curiosidade imediata, a estrutura, problema comum, resultado específico, promessa de ajuda. Eu consegui, se você tem x problema, eu consegui y, vou te ajudar também. Utilidade, como é que funciona, tá vendo? E aí você pode vir aqui, clicar aqui, ó, make yours, porque tá tudo em inglês, né, mas seria fazer para mim. Ele vai abrir o Pro Writer já com a mensagem pronta lá, ó: eu quero criar esse post inspirado nesse post viral, me ajuda a criar uma versão original para mim. E aí já vai fazendo algumas coisas, talvez já até colocar aqui uma ideia de post para fazer para mim. Olha que da hora! Então aqui, ó, ele dá 3 exemplos: lista, before and after e data. Olha que da hora, mano! Isso aqui ficou bom para caramba, velho!
Olha isso aqui, velho! Caramba, cara!
Deixa eu botar no light mode aqui porque a tela do PC aqui fica meio longe para mim. Mas se liga, olha que da hora! E aí lá, 13 GB liberado de Gmail em 1 hora, um insight, atenção, vai de anexos e newsletters velhas, busque Reza Tachman. Então pronto, pegou a ideia do post do cara e fez um post aqui, ó, Gmail lotado e Google pagamento, 3 buscas, liberou 3 GB para mim numa tarde. E aí eu posso simplesmente use this Posso pedir outros formatos e ele faz isso. E aí a gente tem o post aqui também, o feed, né, que eu falei. Aqui ele já tá checando por posts novos, então quando você abre ele já faz uma verificação se tem algum post novo. No caso aqui tem 3 posts curados pela IA pra mim que eu posso acessar aqui. E aí, por exemplo, quando tem esse iconezinho verde aqui, isso aqui é porque é um post de pessoas que são populares nos outros usuários do sistema. É aquele negócio que eu falei com vocês, entendeu? Aí eu clico aqui, ó, eu posso gerar a resposta com AI, com Grok, com GPT-4 ou com Claude. De 13 foi para 19, então a gente tem mais 5 posts de ontem para hoje. E aqui eu filtro por oportunidade, por novos. Esse aqui foi há 3 horas.
Poxa, legal!
E aí eu posso vir aqui gerar com IA, eu posso escrever a minha resposta e melhorar com a IA, entendeu? E é isso, guys. E tem o Ghostwriter que vai ficar analisando os posts para mim, e se tiver post bom ele vai me mostrar, senão ele nem mostra. Beleza, é isso, guys. Se quiserem me acompanhar, tô lá no X postando building public disso aqui, mostrando tudo que eu fiz, como que eu tô fazendo isso aqui e tudo mais. Olha lá, o analytics, a minha, meu número de seguidores. Olha que doideira, tava com 21 dia 5, hoje dia 10, né, que é ontem, ele não atualizou ainda, 489, mas já tô com mais 500.
E é isso, show! Então queria contar para vocês sobre esse projeto novo que eu fiz e deixar vocês à parte do que que tá rolando por aqui.
Mas vamos lá, vamos trabalhar no nosso projetinho aqui então. Bom, tá exatamente da forma como a gente deixou na semana passada. Tá, lembrando, o projeto, o projeto Eu Sou Pobre. Deixa eu ver aqui se tem, cadê, tem que achar aqui conta que eu criei o projeto.
ReplyOS, não, não é essa conta aqui não.
Eu realmente vou ter que achar aqui, porque eu tenho várias contas no Aura Build aqui. Pera aí, galera, deixa eu achar minha conta aqui. Contem o que vocês acharam do reply.
Gostaram? Não gostaram? Enquanto isso, deixa eu responder aqui, ó. Ah, boa!
Recentemente abriu uma empresa de hospedagem, estamos trazendo parceiros, clientes da bolha building public. Bora, mano, bora! Dá para a gente conversar assim, mano, dá para bater um papo, entender o que que você tá trabalhando aí, tá?
Aqui não tá. Achei top, bem nichado. É bom para quem gosta de escalar. É isso, mano, é nicho, cara.
Hoje, produto de SaaS tem que ser nichado, cara, não tem como.
Hoje tem que ser nichado, cara.
Não tô achando a conta que eu criei na live passada, mano. Caramba!
Enfim, e se eu não me engano, eu já coloquei a landing page aqui.
Ah, landing page tá aqui, eu tô dando mole, cara. Enfim, achei massa, já mandei para um amigo que trabalha com marketing. Boa, mano, valeu, valeu, valeu! Tamo junto. Se você lançar isso para o Instagram, você decola, mano. Aí que tá a questão, eu não sei se a gente consegue fazer isso para o Instagram, tá?
Mas a gente tenta, a gente tenta de todo jeito.
Mas boa, vamos continuar aqui no nosso projeto então.
Deixa eu abrir aqui, ó.
Esse é o nosso projeto, lembram? A maneira premium de perder seu dinheiro. A gente tá fazendo um projeto para quem é pobre.
Show!
E aí aqui, ó, vou mostrar para vocês. Na semana passada a gente finalizou a parte do Supabase, tá?
Deixa eu abrir aqui um outro projeto para mim pegar um comandinho aqui do cloud commit. Boa, folder, commands.
Uma coisa que eu sempre faço, cara, em todos os projetos que eu tenho, eu tenho um comando de commit.
Aí, ó, se liga. Então eu vim aqui, deixa eu dar zoom aqui para ficar mais fácil vocês verem, tá?
Eu vim aqui, criei uma pasta de comando do cloud-commit E aí nada mais é do que só um script aqui, ó, gerente um commit no padrão que eu sempre gero commit, cara. Eu sempre gero commit com emoji, tá? Eu sou chato para caramba com UI, mano. E aí tem uns exemplos aqui.
Então toda vez que eu trabalho alguma coisa no cloud, deixa eu parar essa instância aqui dele, cloud update, só para ver se tem alguma atualização aqui. Eu gosto sempre de dar Boa, ó, Cláudio atualizado e a gente dá um Cláudio aqui.
E aí agora eu já vou ter o meu comandinho de commit aqui. Commit, é só rodar ele, ele vai rodar o commit para mim e vai deixar tudo prontinho já para mim só copiar e colar aqui, a gente fazer. E aí o que eu fiz aqui, a gente fez MVP Scope.
Aqui, ó, Open Changes.
A parte do Design System na semana passada. Beleza. E aí a gente tinha focado em só fazer a parte do Supabase, de deixar o Supabase pronto, tá? Foi o que a gente fez na semana passada. Então hoje eu quero já fazer uma UI inicial do sistema. Já consegui fazer alguma coisa da tela de UI. Eu não cheguei a criar meu projeto no Supabase, mas agora ele já gerou aqui para mim o commit.
Eu só vim aqui e faço aqui, ó, add project foundation with Supabase integration types. Beleza, commit e publish. Não, vou botar publish ainda não, deixa aqui na minha máquina mesmo, não tem problema não.
Mas é isso, guys, para mim fazer commit é sempre assim, tá?
Uma coisa que eu já automatizei aqui. Show!
Então a gente abre a nossa página de docs aqui, tem o design, landing page, MVP Scope. Ah não, cara, eu não faço commit mais não. O GX comentou que eu gostei dessa parada de chato ficar escrevendo. Eu não faço commit mais não, mano. Faz commit, cara, você tem ideia? Automatizei commit, eu automatizei, mano, abrir por request, tá? Eu criei um comando no meu trampo aqui, nos meus projetos do trampo, que que eu dou um comando para o Cloud, open PR, ele vê, ele analisa o que foi feito, ele faz o diff, né, da minha branch para main, para onde que a gente vai mergear, analisa o que foi feito. E aí ele vai pegar, baseado na branch que eu criei de feature, o ID da task do Jira, ele vai analisar o que foi feito e ele já vai abrir um pull request já com a descrição do que foi feito, com um ticket do Jira, com os passos para testar, os relatórios de teste, tudo mais. Então Nem isso, nem por request eu faço mais. Aí eu automatizei por request, automatizei commit, automatizei o deploy também pelo cloud. Quando a gente, porque eu trabalho num projeto mobile, a gente toda vez que a gente termina uma funcionalidade a gente tem que mandar para QA testar. E aí até para mandar para QA a gente tinha que fazer manual, então eu tinha que gerar o build de iOS, gerar o build de Android, e aí eu vou lá no Firebase, subo, vou lá no TestFlight da Apple e subo, tudo manual. Aí com comando hoje eu dou um bar deploy, o cloud já entende a versão que ele tá, ele vai subir a versão sozinho, ele vai só me perguntar. Aí eu só aprovo, falo vai com Deus, vou tomar meu café. Quando eu volto, o app já tá distribuído para os que atestar. É isso, guys, tem que automatizar as coisas da nossa vida, cara. E aí, para isso aí mesmo, agora que é só extrair, meus amigos. Beleza, que que a gente vai fazer aqui agora, cara? Então eu sei que eu tenho o projeto. Vamos perguntar aqui em que pé tá o projeto agora, só para a gente se situar. Cláudio, faz um cafezinho para mim, muito bom!
É isso aí mesmo, faz um cafezinho para mim, cara.
Na semana passada a gente fez, né, com a skill de brainstorming que eu vim falando para vocês, a gente fez o plano, né, do design system. Então a Nostalgia Brasileira, ele já fez todo esse plano aqui do design system. E eu só perguntei ele aqui, né, que pé que a gente tá para a gente começar a planejar. Então a gente vai começar a planejar o app já do zero, a dashboard. Então O que que a gente tem? O que já foi feito: Projeto Next, Supabase, tipos, páginas de teste, conexão com Supabase e utilitários prontos. Documentação já tem tudo aqui. O que não foi feito ainda: alfa do Google, username pendente, validação de registro, pagamento via Pix, abacate pay, acumulação de pagamentos, ranking, ranking público, perfil público, OGI, landing page real. Então só tem a parte lá, próximo passo, lógico, seria começar a implementar as features P0, provavelmente na ordem: auth do Google, username, pagamento, rankings.
Não, eu quero, vamos fazer a focar na base.
Leia o documento.
E aí eu pego esse documento aqui e entre em play mode para deixar tudo pronto.
Quero apenas—
e faça uma tela Só do sistema.
Então, como a gente já tem, é o que eu falei, qual que tá sendo meu fluxo hoje? Eu uso a skill de brainstorm para fazer o brainstorm inteiro. Então a gente fazendo brainstorm do design system, depois ela gera esse arquivo aqui, e aí eu falo: entra no plane mode para você ler o arquivo, entra no plane mode para você planejar como vai ser a implementação disso. Tá, e aí ele vai entrar no plane mode aqui para planejar a implementação desse design system aqui. Se eu não me engano, ele tá falando para usar o ChatGPT, isso mesmo, porque aí que a gente vai criar a base do sistema, tá? A gente já tem a parte lá do Supabase, a gente já tem os negócios lá, a gente vai criar a base do sistema. E o que que eu vou fazer, cara? Em vez de sair codando todas as telas, eu peço ele, cara, vamos criar uma tela só. Então antes de codar várias telas eu sempre crio uma e eu vou ficar fazendo interação, eu vou inteirar, inteirar, inteirar e mandar mensagem e polir aquela tela até chegar no resultado que eu falo pô é isso que eu quero! Depois que eu chego num resultado bom dessa primeira tela eu falo vamos criar uma outra, aí a gente vai para uma outra tela, aí mexe, mexe, mexe, mexe, mexe... E aí a gente, e aí eu já tenho uma base sólida, eu já tenho padrões prontos e eu posso, na hora de criar outra tela, falar: olha como é que a tela tal, para você ter como referência, entendeu? Porque se eu viro para ele e falo: cara, cria uma coisa aqui, depois eu abro uma outra, um outro agente, falo: cria essa tela aqui, cria outra tela aqui, cria outra tela ali, ele vai criar várias telas, cara, só que cada tela vai ter um padrão diferente porque a gente não definiu um padrão antes. Tá, então o que ele tá fazendo aqui agora, ó, leu o plano, entender como é que funciona, e agora ele vai setar a base do sistema, que a base toda vai criar o ChatGPT, que o ChatGPT a gente vai mexer, né, que ele consegue mexer nos botões da UI e tudo mais, para a gente usar esse design system que a gente definiu na semana passada aqui.
Entendido, guys?
E aí, enquanto isso, eu vou abrir uma outra instância do cloud aqui e a gente vai já ir fazendo uma outra coisa, tá? Aqui, ó, eu vi que ele deu um fetch aqui no negócio do ChatGPT. Tem que ficar de olho, cara, você não pode deixar ele fazer as coisas sozinho. Ele queria olhar aqui, baixar e criar os arquivos por ele mesmo. Eu falei, cara, usa CLI do ChatGPT, pelo amor de Deus, tá viajando aí, meu amigo. Aí que ele já tá usando o MCP do Context 7, que é o único MCP que eu tenho aqui. Ativo normalmente, né, para ele entender como é que funciona o chat CN.
E aí vai embora. Boa, então deixa eu dar uma olhada aqui no Super base. Show, guys!
Lembrando, ó, meu canal aqui Estamos quase chegando a 3.000 inscritos, cara, quase chegando. Tá com 2.800, batemos 2.800 agora, quase chegando a 3.000 inscritos. Você que não é inscrito no canal, já se inscreve aí, deixa seu like. Tem vários vídeos aqui no canal muito bons e eu quero trazer muito mais vídeos ainda. Se você, Super Hub, se você quiser ver algum vídeo aqui no canal Acesse esse link aqui, é onde a galera normalmente pede os vídeos. O vídeo de tokens, né, foi pedido aqui e aí eu fiz ele, tá? O outro aqui que já tá na fila aqui para mim desenvolver é sobre engenharia de prompt. Tô fazendo um curso da Google que eu ainda não terminei, tô fazendo ele bem de pouquinho em pouquinho, curso bem grande, mas eu vou fazer um curso da Google de engenharia de prompt e aí depois eu vou transformar isso em um vídeo para gente. Tá, então se você quiser, vem aqui criando a postagem, dá um upvote aqui nos projetos, os vídeos do canal. E se você quiser se tornar membro do canal, é só vir aqui se tornar membro, é bem baratinho, R$7,99 por mês, você se torna membro, me ajuda a continuar criando conteúdo aqui, a continuar trazendo conteúdo de muita qualidade. E tem uns outros benefícios que a gente tem. Sempre que eu compartilho algum prompt, alguma coisa, eu coloco para os membros primeiro. Os membros têm acesso a alguns prompts exclusivos que eu uso. Então fique à vontade para apoiar o canal aqui, fechou? Vamos ver aqui o nosso Claudinho, como é que ele tá lá. Então ele já, que que ele já fez aqui?
Deixa eu fechar aqui.
Toda vez que eu abro o VS Code, ele abre aqui na minha outra tela também. Então, o nosso Claudinho aqui, ó, já entendeu e já planejou lá criar tela de showcase do Design System, customizar button com variante, tá? Mas eu não quero a tela de showcase, cara, eu quero uma tela real do sistema mesmo. Eu só tô tentando lembrar aqui que tela que a gente vai ter, cara.
Cadê, cadê, cadê? Então, depois que o usuário entrar no sistema, eu quero uma tela real do sistema, tipo Vamos planejar já o onboarding. Deixa eu pensar. Beleza, tela de onboarding.
Boa, entendi.
Do tela real de onboard, criação de username, vou atualizar o plano.
Por quê, cara? Porque eu gosto de já tentar enxergar, né, como que vai ficar o sistema. Em vez de você criar uma tela do design system, já tenta enxergar como vai ficar o sistema, já planeja o onboard já. Se você não tem onboard no seu SaaS, você tá perdendo muito usuário. O onboard é uma das partes mais importantes de um SaaS, tá? Então você tem que fazer um onboard muito bom, cara.
Você tem que pensar muito no onboard.
Deixa eu dar um exemplo para vocês aqui, ó, sobre onboard, só para vocês entenderem. Aqui, ó, quando eu venho aqui Esse aqui é o onboard do ReplyOS. O que que eu fiz, cara? Pensa, um usuário, quando ele, assim que ele loga no sistema, ele precisa passar por um processo para ele conseguir começar a usar o sistema, certo? No nosso caso do ReplyOS, a gente precisa meio que definir o tom de voz dele, entender o que que ele faz, quem que é a pessoa, definir as configurações iniciais para aí sim ele entrar no sistema e já conseguir criar alguns posts. Então, e tudo isso hoje tá muito focado no X. Então, o que que eu fiz no onboard, cara? Eu fiz um botãozinho aqui, ó, que o cara pode simplesmente analisar o perfil dele e em 30 segundos aí a mesma já preenche a parte do onboard dele inteiro. Então, aqui ele já pegou que é esse usuário aqui, e aí eu posso só analisar ou pedir para ele fazer aqui, ó. Então quando eu clico aqui, ó, aí vai analisar o meu perfil e ela mesmo vai preencher bastante coisa aqui para mim, para eu não ter que ficar preenchendo sozinho, cara. Então onboarding é muito importante. Então ele pegou o usuário, pegou a minha bio, já colocou aqui, ó, que eu sou developer. Quando eu venho, continue, ó, já tem tudo pronto aqui, ó.
SaaS, web dev, eu posso selecionar aqui keywords, linguagem, tá vendo?
Aí aqui, ó, aí vem aqui num quick step aqui, ó, para a gente, para o cara responder, né, quais posts ele faria, quais posts ele não faria, para a gente entender o estilo de post do usuário, tá vendo?
Então eu posso só selecionar aqui, ó, esse mais casual, um de lista, tá vendo?
E aí eu só vou respondendo aqui.
Não, não, beleza, continua.
Aí ele vai criar aqui, ó, sobre o tom de voz, mais profissional, mais casual. Que que é? Falar sobre mim, né? Bahia. Mas já vem tudo pronto, cara. Então eu tiro toda a fricção do usuário, todo o trabalho que o usuário teria de preencher isso aqui automaticamente, cara. Preencher isso aqui sozinho, então ele gastaria muito mais tempo, sabe? Então você tem que pensar muito bem no onboarding do sistema. Beleza, então aqui ele já tá planejando onboarding.
É isso aqui, cara, pode planejar o onboarding aí, tranquilo.
Aqui, enquanto isso, eu vou— então vou ter a tela de onboarding.
Enter in play mode para fazer a tela de login.
Então, enquanto eu vou fazendo a tela de login, depois aqui no outro lado ele já tá fazendo o onboard, já tá instalando o ChatGPT lá, já tá fazendo as coisas do ChatGPT para criar o design system do projeto. E que ele vai planejar a tela de login. Tela de login hoje é muito rápido, cara. Enquanto isso eu vou respondendo vocês aqui, ó, que vocês comentaram bastante. O G6 mandou: mano, Samuel daqui a pouco vira o Homem de Ferro. Sempre peço as documentações para ele, facilita muito.
Boa!
Eu peço para ele criar package de componentes, parece que funciona melhor. Lá eu peço para ele separar os componentes por hierarquia e coloca um README em cada pasta. Daora, mano! Assim ele segue bem a risca, meus guidelines, assistem componentes, muito bom. É porque hoje aqui com ChatGPT, ele tá pedindo para instalar o ChatGPT aqui. Hoje com ChatGPT ele já faz isso, né? Ele já cria lá na componentes UI. Mas é legal você documentar essa parte de componentes, cara. Você viu que o Figma tá com a parte de agora? Ontem pedi o Cláudio para gerar um prompt, mandei para o Figma, agilizou um tempo legal, cara. Não testei ainda a do Figma não, tá? Eu nem tô usando Figma mais, cara. Aí já faz tudo de uma vez, pô. Tô nem indo para o Figma mais não, já eu já faço aí o UI no código, já codando. Eu sempre fiz isso na verdade, né, até antes. Ela montei os componentes ali, system, meia hora.
Boa, mano, muito bom.
Tudo com—
não usa o pgAdmin não, mano, só uso Cloud Code. Não, tá doido, só Cloud Code.
Bem massa. Olha quem tá aqui na live, o meu pato. Eu comprei esse pato, cara, não me pergunte por quê. Eu só achei ele legal e eu comprei ele, foi só isso. Deixar ele aqui no meu microfone.
Aqui vocês estão ouvindo aí direitinho, né? Mas o patinho vai ficar aqui com vocês até eu bater nele, ele cair.
Boa!
Enquanto isso, cara, deixa eu fazer uma outra coisa aqui, cara.
Cadê, cadê?
Eu fiquei de criar o projeto no Supabase, cara, mas meu Supabase já tá Já tá com muita coisa.
Deixa eu desativar um projeto no Super Basic aqui, ó.
Pause project.
Já fez aqui, ó. Diz ele que já fez o onboard aqui, tá? Será? Sera, sera, sera.
Beleza, I am poor, poor dev.
Boa!
O Jefferson chegou atrasado. Bom dia, chegando atrasado. Tá atrasado não, mano.
Beleza, o Claudinho ele tá planejando tudo, ó.
E diz ele que fez, tá? Agora é que vem a hora, meus amigos.
npm run dev. E agora que a gente vai ver o que aconteceu.
Não tenho o Subabase ainda, cara, viu?
Viu, viu, viu, não tem o Superbase ainda. Que que eu vou fazer aqui? Vou colocar as URLs do Superbase.
Enquanto isso, vocês vão ver a tela de erro aí, tá?
Tô só esperando o Superbase criar o projeto aqui. Então eu preciso colocar o URL do Supabase,.env.
Como é que será que o Cláudio Herói, o Wayne, será que ficou do jeito que a gente imaginou? Negócio zoeira mesmo, negócio feio.
Cadê minhas strings aqui?
Superbase, Superbase, todo dia muda aí o ID deles, cara. Todo dia, todo dia, todo dia, todo dia.
Connect.
Não.
Cara, não sei. Aqui, ó, mudou mesmo. Superbase URL e Superbase key. Pronto!
Olha, olha, olha, olha o que que a gente tem aqui, meus amigos!
Sou pobre, escolha. Deixa eu desativar esse cara aqui. Cadê? Bitwarden, como que eu desativo esse cara para cá?
Enfim, sou pobre, escolha o seu username de pobre. Esse é o nome que vai aparecer no ranking. Então, sou pobre, cara. Eu gostei da UI, mano.
Mano, é bem do jeitinho que eu tava esperando mesmo, tá?
Uma UI mais retro, tá ligado? Só aqui que ficou meio bugado, tá vendo?
Isso aqui tá, a cor tá diferente. Eu sou chato para caramba, né, mano?
Risonho.
Risonho. Olha lá, risonho. Boa, caramba! Abriu o zoom aqui sem querer. Tá aqui, ó. Eita, volta aqui. Ai, caramba! Boa, muito bom, gostei, gostei mesmo de verdade.
Eu só tenho esse, e aí que que eu faço, mano? Aqui eu vou na cara e na coragem, cara.
O input, o input tá bugado, tem duas cores. Nele.
Aí, ó, enquanto isso aqui, ó, o fluxo atual precisa que o Google Provider esteja habilitado no Superbase dashboard, as credenciais corretas, URL de callback deve ser, está na hello world directory do Superbase, tá, que ele vai analisar tudo aqui.
Beleza, ele falou que mudou. Mudou foi nada, não mudou foi nada, que você não tá usando prefix, olha na doc, mano.
Eu converso com a Iaca e aqui eu tô falando em português, tá? Eu sei que eu falo que é para usar inglês, mas às vezes a gente usa português, às vezes bastante, cara. Eu uso português com ela e eu literalmente falo, tá? Eu não fico no 'ah não, tem que fazer isso, tem que fazer aquilo'. Input group, achou input group, é isso mesmo. Aí tá, aqui tá uma diferença, cara, da gente pensando, né, eu como dev, para uma pessoa normal, igual, por exemplo, ontem eu tava conversando com meu professor de inglês, cara, e ele fez um, ele fez um sistema para ele, para os alunos dele, tá ligado? E aí, conversando com ele, cara, eu vejo E eu vi, né, a dificuldade que ele tem, cara, com coisas tão simples que para gente como deve é simples, né? Então, por exemplo, isso aqui, como que um cara que não tem conhecimento de ChatGPT, não tem conhecimento de nada, saberia, cara, que o ChatGPT já tem? É só você saber o que que você vai pedir para ele, mano, tá feito. Tá usando agora o componente do ChatGPT que já tem um prefixo aqui do input group, cara. Só que para um usuário normal que não tem conhecimento das coisas saber isso, cara, não vai rolar, mano, entendeu? Não rola. Por que que mudou as cores, cara?
Entendi foi nada. Porque as cores mudaram. Deve ser aqui, ó, esse outro carinha aqui que mudou cor.
Olha lá, olha lá.
Olá, tá vendo?
Quando você não manda e não dá contexto para ir, ah, deixa eu parar esse aqui. Enquanto que o cara tá fazendo a tela de login, ele foi lá e alterou, foi tudo das cores. É, meu filho, você tem que ficar de olho, cara, tem que ficar de olho.
Tem que ficar de olho, cara.
Show!
Enquanto isso, enquanto o Cláudio vai cozinhando aqui, ó, vai codando. Deixa eu fazer uma pergunta, já tô corrigindo em outro terminal. Qual, deixa eu dar zoom aqui, qual o fluxo do usuário?
Eu não lembro, cara, a gente falou tanta coisa ontem, na semana passada, eu não tô Não tá claro na minha cabeça qual que é o fluxo do usuário dentro do sistema, tá? Então tô pedindo para o Cláudio me explicar aqui. Enquanto ele vai fazendo isso, como a gente vai fazer o login pelo Google?
Deixa eu pensar aqui. Eu vou Já ia atualizando aqui, ó, e deixa eu mostrar para vocês, é bem simples.
Pô, outra coisa, cadê a desgrama do script do Supabase, cara? E eu não achei um script SQL aqui, cara. Ele não criou, ele não criou. Fazer as coisas a cada uma semana é osso, cara. Você não lembra direito das coisas.
[LAUGHTER] Então, enquanto isso, ele falou que a tela do MVP, além de homepage, onboarding, payment, ranking.
E aí o primeiro acesso, acessa além de homepage, quero ser pobre, login no Google, onboarding com username, pagamento no Pix, perfil e compartilha.
Boa, ele vai criar as migrations já para mim rodar, tá? Perfeito. Inicia skill de brainstorming para planejarmos todas essas telas agora.
Então, o que que eu falei, cara? Eu pedi ele para me explicar qual que vai ser o fluxo, tá, das telas. E aí ele me explicou aqui, ó. Então agora tá bem claro, cara. Primeiro acesso, o cara vai na landing page, Quero Ser Pobre, vai para o login, onboarding. Pagamento por Pix, perfil, compartilha. Aí se ele quiser o perfil adicional, ranking ou perfil, subir no ranking.
Beleza.
E aí, que que eu fiz? Perfeito, iniciei skill de brainstorming para planejarmos todas essas telas agora. Porque aí eu vou, a gente vai planejar todas as telas, ele vai salvar isso no documento, depois a gente vai entrar em play mode e começar a desenvolver essas telas. Tá lá, ele já leu os documentos.
Eu quero nostálgico brasileiro, cara. Além de page, deve ter quantas seções? O Spectator tem 8. Quer manter todos ou simplificar para MVP? Já temos um protótipo. Não, vamos, vamos simplificar, vamos deixar aqui, ó, todos. Beleza, que ele já pegou do Supabase. E aí deixa eu mostrar aqui, ó, Supabase, SQL Editor, cola, Ctrl+V.
Esse aqui porque eu não tô conectado lá no Supabase, tá? Eu não cheguei a conectar no Supabase, mas tem como rodar migration por aqui pelo Supabase.
Beleza, feito.
O que fazer agora, tá? Tela, na tela de pagamento, usuário define o valor e vê o QR code Pix. Como que é o fluxo de definir o valor? Input livre, mais sugestões.
Isso aqui é input livre, mais sugestões. Perfeito.
Isso aqui é skill de brainstorm, cara, melhor skill que tem hoje para a gente planejar alguma coisa. Deixa eu ver agora o status do projeto para te dar o próximo passo certo. No ranking, o top 3 tem cartas especiais com sombras offset. Conforme o Dani disse, tem as posições, mais 4 ficam, velho. Top 3 deve ser exibido como pódio visual.
Isso aqui, ó, é Quero um pódio visual dos mais pobres.
A tela de pagamento QR Code deve ficar na página separada payment ou em um dialog modal que abre sobre página separada. Tá vendo, cara? A Skill de Brainstorm, ela vai, ela vai pensando em cada etapa do projeto, cara, e vai perguntando para você, para para te forçar a pensar em coisas que você não pensou e deixar isso bem definido.
Então aqui, ó, perfeito, tenho tudo que preciso.
Vou apresentar o design de cada tela com seções, começando pela landing page. Me diz se tá certo com o bloco. Header, logo, link. O header segue o tom nostálgico. E aí que ele vai me apresentar cada seção aqui para mim falar com ele, tá certo, não tá, é isso, é aquilo. E enquanto isso, cadê a minha tela do Supabase? Na tela do Supabase, que que a gente vai precisar fazer, cara? Authentication, Sign-in Providers. E a gente vai vir aqui, ó, em Google e habilitar. E aí a gente clica aqui para a gente ver, né, como que a gente configura no Google, tá? Então não tem muito segredo, cara.
Google Cloud Platform, cara, eu faço isso aqui sempre, cara.
Então vamos criar um outro projeto aqui, ó, new project. IMPOR, sem organização. Cria. Beleza. Então a gente vai vir aqui agora, Google Auth Platform. Só seguir o passo a passo do Superbase aqui, tá? Não tem segredo.
Aqui. Cadê o projeto que a gente criou, mano? Não, tá bugado. Cadê, cadê, cadê, cadê? Não é. Restate. I am for create. Eu criei, foi 2.
Ele não tinha terminado de criar ainda, velho.
Ô meu Deus, tá aqui, ó, Google Cloud Platform.
Enquanto isso, deixa eu ver aqui, ó. Ops, tá comendo muito token, deu 800 mil token hoje. Caramba, mas tá fazendo o quê? O PC da NASA? E tem gente achando que vai roubar seu emprego. Cheguei, Claudio Coders, bom dia, mano! Bom dia, bom dia, bom dia! Manda um salve aí, meu consagrado. Salve! Tô em trânsito para o trampo presencial. Caramba, essa você me pegou, mano!
Vou acompanhar na live.
Boa, garoto, boa sorte no presencial.
E hoje, cara, Muito boa sorte.
Então a gente vai vir aqui, ó. Quem tá aí também, mano? Olha o Pedro! Bom dia, mano, você tá bom? Tudo tranquilo? Pedro é o brabo também, tá lá no Twitter também. A gente tá trocando figurinha lá. Aí, é, meu projeto mesmo, Samuel Rizondev, externo.
Samuel Rizondev aqui. Next. Agree. Continue. Create.
Boa!
Aí a gente vai vir aqui, dar um scope aqui, ó, data access.
Primeiro a gente vai criar o OAuth client aqui.
Web Application, eu sou pobre.
Eu vou pegar o URL de localhost:3000 por enquanto, que a gente não tem nada ainda, e o redirect e o URI. Eu acho que é isso aqui, tá?
Beleza, veremos.
Olá, ele me deu o client ID que eu copio aqui, colo.
Boa.
Agora eu só vou pegar o client secret aqui.
Esse aqui é segredo, esse aqui é segredo. Pronto, prontinho, prontinho. Olha lá, o Google já tá ativado.
Beleza, deixa eu voltar aqui, botar isso aqui. Tá, beleza. Que ele tá perguntando lá, ó: bom dia, próxima sessão, sou pobre. Leia o landing page.
Pô, eu vou deixar ele fazer aqui, cara. Sim.
E não seguem. Ou tô falando que as coisas estão erradas e não seguem. Corrija isso antes de continuar. Ele tem que salvar username, landing page, pagamento por Pix, integração com a BacatPay, ranking, queries mais página pública, perfil público, username, tá?
E que a gente já tá planejando, tá, essas outras telas aqui. Então não preciso me preocupar com isso. O que que eu vou me preocupar agora É com isso aqui, ó.
Ai, pera aí, deixa eu abrir aqui a outra tela. Aqui que eu vou me preocupar, isso aqui, ó, ó, abacate, abacate, peixe.
Olha quem chegou aí, ó! Cheguei, mas tô aqui presente, professor. Bom dia, meu mano! Bom dia, bom dia, bom dia, galera! Tamo com 20 pessoas na live, cara, 20 pessoas na live! Deixa o seu like, se inscreve no canal. Aqui, ó, tem um grupo no WhatsApp, tá bom? A gente tem uma comunidade foda para caramba, mano. Já tem mais de 300 devs lá na comunidade aqui do canal. A galera é muito boa, galera muito boa, se ajuda para caramba. E o pessoal conversa. Esse dia eu fui dormir, mano, abri o WhatsApp, tinha mais de 100 mensagens. Devia ter umas 500 mensagens da galera conversando 2 horas da manhã, cara, batendo papo lá, falando, dando dica de cloud, dando dica de UI e tudo mais.
Fechou?
Então é isso, meus amigos. Entre na comunidade, faça parte da nossa comunidade aqui, e é totalmente de graça.
Eu tô sempre lá conversando com vocês.
Show!
Uma coisa que eu coloquei aqui recente, cara, alguém escaneou o QR code aqui, ó, foi o Live Pix, mano.
Se alguém quiser mandar um Pix Deixa eu mostrar por aqui, ó, aqui em cima.
Essa aqui tem lá em cima, tem um live pixel. Quem quiser mandar um pix aqui na live para falar alguma coisa ou mandar um super chat aqui para apoiar o seu amiguinho aqui, Samuel Rizondev, para pagar o cloud dele, eu agradeço. Ai, mano, eu amo esse cloud, cara, eu amo esse cloud. Ele cansou aqui, tá lá, tá 2 minutos já. Claudio deu uma bugada, hein?
Será que o Claudio bugou?
O GX falando aí, ó, lá o Samuel passou 80% da dica a mais, hein? É isso aí, mano. Lá eu respondo, mano. Lá eu converso com vocês, eu respondo. Eu dou consultoria gratuita no grupo. Os cara me chamam no privado, cara, falava pisando isso aqui, isso aqui, eu falo mesmo, mano, tô nem aí. Mas se você quiser fazer uma mentoria gratuita, uma consultoria, uma mentoria gratuita, uma mentoria paga, uma consultoria mais focada, 2 horas lá, a gente conversando, a gente faz também, tá bom, mano? Olha quem virou membro, olha aqui, ó, que da hora!
Become a member!
Boa, mano, obrigado, cara, obrigado por se tornar membro do canal aí. Esse meu mano aqui, cara, a gente fez trabalho, a gente estudando junto na faculdade, mano. O cara é brabo para caramba. Valeu, Douglas, tamo junto, mano. Live Pix garante desconto no ReplyOS. Caramba, mano, é uma boa, hein? É uma boa dar um descontinho. Fizer a Live Pix aí, eu dou um descontinho no Reply, tá?
Fish info.
Kkkkk, mano, o cloud deu ruim! Houston, temos um problema, temos um problema, temos um problema, Houston, Houston, Houston! Isso aqui quando dá, mano, com certeza, cloud status. Isso aqui, quando dá, pode saber que tem alguma coisa acontecendo aqui, cara. Enfim, não sei o que que é. Olha, eu sei que eu fiz a conta na Abacate aqui, ó, na Abacate Pay. Abacate Pay, Abacate Pay. Alá, tô com a minha continha aqui da BacatPay, tá? Eu quero saber mesmo se a gente vai conseguir integrar isso hoje. Deixa eu ver que horas são. Caramba, já são 10:12, velho!
Já são 10:12.
Continue.
Vamos ver se aqui vai.
Deixa eu ver se o Cláudio já voltou. Enquanto isso, abacatopei aqui, ó. Vamos vir aqui. Como posso te ajudar?
Não, documentação, ebook, plugins, documentação, tá. Ajuda, caramba!
Ô Daniel, cadê o negócio com a Yaman? Cadê o MCP? Deixa eu perguntar aqui, ó, como eu integro com meu projeto.
Vamos ver, vamos ver se vai responder.
Aí, ó, você envia Live Pix de R$1, você tem desconto. O desconto é o quê?
R$1? Boa!
Desconto é proporcional ao valor que você mandar no Live Pix, tá? Você mandar R$100 no LivePix, você vai ter 3 mensalidades do ReplyOS de graça aí, ó. Pronto. Ai, velho, falei que o Ops tá comendo o token. Pior que tá mesmo, mano, e tá aqui parado até agora, mano. Deu ruim para o Cloud. F, digita F aí no chat. F, F Cloud. Dá um F Cloud aí, cara. F. Cláudio, amigo do Daniel Lima, cara. Eu conheci ele no Hackathon, mano, já bate-papo com ele, faz parte da comunidade dele lá de hackers e tudo mais, cara.
É brabo, muito bom.
Conectei meu cloud no Gira Slack Gmail Google. Cria um Cloud Project para gerar minhas tarefas, meus reposts, meu gestor, com tudo conectado. Ele pega meu contexto do dia anterior, mano. Isso é da hora para caramba. Só que, mano, eu não consegui conectar no Jira nem a pau, mano. O MCP do Jira é muito ruim. Eu nunca consegui conectar no MCP, porque eu tô doido para fazer isso também, cara. Eu tô doido para fazer o Cloud gerenciar minhas tarefas lá, comentar nos tickets para mim, fazer as coisas para mim. Mas eu ainda não consegui, cara, por causa do MCP do Jira. Mas Slack, Gmail, Google Calendar também Eu não cheguei a automatizar esse nível aí não, tá, cara?
Mas muito bom, mano, muito bom. Pô, Daniel, MCP eu já feito em 5 minutos, Daniel.
O GX é foda, mano. Já avisei para a firma que a internet tá ruim, confia. Sem cloud, sem programação. Ai, mano, cara, eu vou ser sincero com vocês, mano, quando o cloud cai Eu tô codando, fazendo alguma coisa que eu acabo meu limite, eu saio, mano, do PC, velho. Não tô zoando, cara.
Hoje eu saio.
Continue, vamos ver. Aí o Claudio quebrou minha live, cara. Vou ter que continuar semana que vem.
Deixa eu ver se tem algum. Eita.
Cadê?
Tá aqui, cara. Tá tudo certo aqui, mano. Hoje pelo menos tá tudo certo aqui. Continue.
Tá, enfim, aí que que a gente vai precisar fazer, cara? Nem a do abacate tá indo, mano. Eu tô online, guys. Será que eles estão usando cloud também? Eu tô online, mano.
O que aconteceu? Vamos ver no X Cloud. Aqui é onde tem as notícias. Cloud, cloud, latest, 12 segundos. Aqui vai ter porra de tudo quanto é tipo de coisa, mano. Né, aqui vai ser meio difícil saber, mas parou, mano, parou de responder simplesmente. Deixa eu abrir uma nova instância aqui. Olá, mano, ele tá respondendo.
O problema foi aqui no projeto mesmo.
Então o que que a gente faz aqui, ó?
Para, para tudo. E aí ele já dá aqui, ó, cloud resume.
Vamos ver, continue. Não sei o que que rolou, tá, guys.
Tinha bugado mesmo a sessão ali, ó.
Boa!
Vocês viram o que que eu fiz, né? Eu parei o projeto e dei um continue lá e ele mandou brasa.
Live counter, como funciona ranking dos pobres, continue.
Sim, eu quero saber da Abacato Pay, cara. O Abacato Pay.
Plugins.
Que que é isso aqui? Referência, criar um novo cliente. MCP. Abacate.
Pay.
MCP.
Não achei.
Mesmo card.
Então aqui agora ele tá falando, essa tela já existe parcialmente, layout simples.
Mesmo card com o board.
Continue.
Boa.
Cara, deu MCP, mano.
O Daniel Eu preciso de sua ajuda, cara.
Aqui ele tá falando que agora o onboard já existe, só vou documentar o design system final.
Próxima.
Não, eles têm MCP, mano, mas eu não sei onde tá, cara.
Deixa eu abrir aqui um Um novo Cláudio aqui, ó. Usa o ContextServer para ver a doc da AbacatePay.
Será que AbacatePay tá lá no ContextServer? Sim, aqui eu só tô dando uma olhada na telinha aqui que ele tá lá, o fundo bege, a parte pagamento.
Olha lá, boa! Ele já tá querendo já implementar.
Não quero implementar agora não, cara.
Podio, o podio aqui, ó, é isso aqui mesmo que eu tô querendo.
Pode visual.
Depois a tabelinha com os pobres. Show, continua.
Login do Eu Sou Pobre. Entre para o ranking mais irrelevante da internet. Depois eu vou mexer, cara, vou mexer muito nessa tela, nessas telas aqui ainda, cara. Mas eu só preciso criar a base inicial primeiro para a gente depois continuar.
Fechou.
Então, olha lá, o que que a Skill de Brainstorm fez? Analisou todas as páginas, tá?
Fez tudo.
E aí depois, ó, isso fecha todas as 6 telas. Quer que eu escreva o doc completo em Docs, Plants e Commit? Falei, pode escrever o doc, mas não comita. Beleza.
Não.
Eu só vou pedir para anotar para a gente consultar depois, para não ter que pedir para ele fazer isso depois de novo.
Aqui ele tá até agora lá pensando. Boa!
Aqui ele vai pensar bastante, tá? E ele pensou até na OG image aqui, ó.
Essa rota gerou a imagem dinâmica: sou pobre, @fulano, 7º no ranking, R$42, sou pobre.versel.app. Muito bom, mano, muito bom!
Tamo indo, guys! E é isso, cara, esse é o processo de criar um app, cara, hoje. Tipo assim, a gente tá bem no início, a gente não tem nada. Então eu crio a minha página iniciais aqui primeiro, e esse é o processo que eu tô fazendo, cara. Eu não tô seguindo aqueles spec kit, não tô seguindo o GitHub, não tô seguindo padrão nenhum, cara. Eu sigo o fluxo de desenvolvimento, mano. Brainstorm, plain mode e coda tudo na mesma branch. Comito tudo na main. Cara, é um projeto meu, não tô tipo assim, não tô fazendo esse projeto com várias pessoas, tá ligado? Agora, o que que eu falo? Ele gerou o plano. Agora entra em plane mode para planejar a implementação. Então olha, olha que doideira, cara. Por que que eu tô fazendo isso? Desde o início da conversa da Skill de Brainstorm para a gente planejar todas as telas do sistema, ele chegou a 60% do contexto. Aí, olha que importante, agora a gente tá em 60% do contexto e eu falei com ele: entre em plane mode. E ele vai usar esse resto desse contexto para ele planejar implementação. E quando ele já tiver com tudo planejado, ele vai pedir para mim zerar o contexto, dar um clear, e começar a implementar. Então isso, cara, eu economizei token para caramba, velho. Eu economizei token para caramba. Por quê? Porque no modo de planejamento, né, ele não ficou pensando, olhando as coisas e tudo mais. Mas a lá, cara, a gente gastou cerca de 30 mil tokens de input e 56 mil de output. Isso aqui é muito pouco. Normalmente, você for ficar só no plain mode, a gente gastaria o dobro ou triplo de tokens.
Pode ter certeza, cara, pode ter certeza.
Bom, enquanto ele tá, cara, eu não tô entendendo porque que esse lado direito aqui das cores tá tão, tá demorando tanto assim até agora.
Deixar ele criar aqui, né, o abacate integration. Perfeito. Enquanto isso, Deixa eu ver aqui, ó, comentários. Você vê, do jeito é péssimo, ele trava.
Eu tenho que assistir para puxar os tickets. Como eu fiz só leitura, vai de boa. É horrível mesmo, cara, é muito ruim, é muito, muito ruim. Cara, eu tentei, cara, eu tentei usar e eu já desisti. Sobre MCP do Giro. São às vezes quando o Cloud Driver manda task para background, Ctrl+B, e pergunto status para o próprio cloud e ele me dá o diagnóstico. Caramba, essa é da hora, mano! Você não tá acostumado a fazer não, Ctrl+B para mandar para o background. Isso eu não costumo fazer não, fazendo assim sempre que o Ops tá lerdão demais. Então eu peço para ele ficar me dando status de progresso das tarefas a cada 30 segundos.
Boa!
Se eu falar que eu sou PCD, eu consigo terminar mais rápido. Cara, toda empresa tem cota para PCD, né, mano? Pode ser que você consiga sim, quero ver você provar. Até logo, seu canal foi melhor achado do início do ano. Boa, meu amigo, seja bem-vindo, cara, tamo junto. Pode maratonar os vídeos tudo aí. Se quiser ver vídeo no canal, pode me pedir, manda na comunidade, manda lá no link que a gente tem no Super Hub lá, e vambora. Tô achando agora melhor deve zoeiro. Tamo junto, famoso vai bicuda, mano. Agora, agora é vibe codar, galera. Não tem, mano, não tem o que fazer. Agora é vai codar. Nosso trabalho agora é isso, cara. Bom, ele, cara, eu não tô entendendo que que ele tá viajando tanto aqui, tá? Eu vou limpar e eu vou mandar outro prompt para ele. Então eu falei, ó, leia esse arquivo e corrija o globals e os componentes do ChatGPT para seguir esse design system. Ele viajou muito, eu acho que foi a forma que eu mandei para ele, estava meio bugado, então ele bugou.
Boa, boa, boa!
Aqui ele tá no play mode, tá gastando token que é vontade, tá? Poxa, já são 10:30, 10:30, mas eu quero fazer umas telas, deixar essas telas prontas, mano. Tô nem aí, vocês vão, vocês querem ficar aqui comigo, vocês ficam, mas eu ainda vou terminar aqui hoje essa parte dessa implementação aqui dessas telinhas aqui para a gente ter pelo menos uma tela para a gente ver que a gente tá fazendo. Aliás, ele tá ensinando os componentes. Vou corrigir tudo agora. Principais problemas: alocard, button, base, input, textarea, globos, faltam variáveis, transição e bordas, componentes referência, a dark que não fazem parte do DS.
Beleza, deixa ele corrigir o globos aqui.
Enquanto isso aqui ele tá planejando.
Só deixar, deixar ele trabalhar.
Enquanto isso, agora ele já voltou aqui para as cores, tá vendo, que a gente tava antes.
Boa, boa, boa, boa!
A gente tem aqui o Sou Pobre. Vamos ver se eu clicar aqui, que que ele vai fazer. Oh, já tá aí, Samuel Rizondev.
Vamos ver, continue. Para onde que ele manda? Boa, Samuel Rizondev, confirmar username.
Aqui eu acho que ele não tá fazendo nada, só fiz aí, vai. Mas vamos ver se já cadastrou o meu usuário aqui. Boa! Aí, ó, já estamos com login funcionando.
E agora que a gente tem a parte do usuário ali, GG, pode rodar o build à vontade aí, meu amigo, não tem problema.
Deixa ele rodar o plano final. Cara, a gente tá chegando no limite do contexto, tá? O contexto normalmente ele vai fechar, ele vai compactar quando tiver por volta desse 70% aqui.
É sempre assim mesmo.
Mas agora que ele tá finalizando, já leu tudo que ele precisava fazer, ela explorou o app, tá vendo? Por isso, cara, que eu uso primeiro a skill de brainstorming para definir o que eu vou fazer, e depois quando eu entro no play mode que ele vai analisar o sistema, cara, e ele vai olhar as configurações, entender que funciona, aí ele vai começar um plano. Entendeu?
E aí aqui, plano preview, atualizou o plano.
Agora aqui, ó, clear context e auto accept.
Não vou nem ver, mano.
Landing page, card com botão Google Redirect, input, só clear e manda brasa. Será que com esse prompt aqui, com esse plano aqui, ele já vai fazer tudo?
Aqui tem bastante coisa para ele fazer, mas aí aqui tá o segredo.
Agora ele vai começar a criar as tasks dele, ó, tá vendo? O que que uma depende da outra, o que que não depende, tudo mais.
E vai começar a codar aqui, ó, loucamente.
Mas agora a gente tá com contexto limpo. Essa aqui é a A grande questão, cara, tá com 19% aqui, tá, mas o contexto já, antes que tava com 70, já tava quase compactando, né? Ele começa um novo contexto aqui e vai codar loucamente.
Perguntinha aqui, ó. Deixa eu vir para cá.
Samuca, seu cloud não limita não? O meu direto bate o limite de consumo mesmo usando o cloud router. Cara, qual que é o seu plano? É só o de $20 ou é o de $100 ou é o de $200? O meu é o de $100, cara. Então é os 5 vezes.
Então ele tem bastante coisa, tá ligado?
Depende, dependendo da forma que eu codo aqui, eu realmente vou bater um limite muito rápido. Mas dependendo do seu plano aí, ele vai, pode ser que ele realmente bata rápido pelo tamanho do plano. Os 5 vezes já cobre bastante coisa, cara. Então você consegue fazer bastante coisa, bastante coisa mesmo. E aqui a live dos fofos que codam. É isso mesmo, cara, o fofo que tem um pato no microfone e coda. Fala, Luizão, tamo junto, mano. Pô, guys, eu tava tentando falar numa outra coisa com vocês enquanto o Cláudio vai trabalhando aqui, ó. Ah lá, ele falou que ela tá explicada, eu uso de $20. É muito pouco, é muito pouco. A Antropic faz isso para te dar o gostinho da vitória, ela faz isso para te dar o gostinho da vitória. Para você falar, poxa, mano, o Cláudio é muito bom. Ela vai te fazer comprar o de $100. Marketing. E eles estão errados não, porque o de $100 é bom mesmo. Mas aqui, enquanto o Cláudio vai codando aqui, cara, eu tava, eu tava pensando nas lives aqui, né. Hoje eu uso essa plataforma que chama Restream, cara. Ela é muito boa, é muito boa mesmo para fazer a live, dá para mim gerenciar tudo aqui e tudo mais. Só que o problema dela é que é quase R$500, cara, para a gente conseguir fazer stream com HD, com 1080p, né? Quase R$500, cara, é muito caro para mim pagar só para isso. Aí eu tava tentando configurar o OBS, né? Então provavelmente nas próximas lives aí eu vou tentar usar o OBS. Eu tô tentando configurar porque eu gosto dessa experiência que ele dá, cara. Deu, por exemplo, consegui mostrar o chatzinho aqui, tá ligado? Isso aqui é bom para caramba, mano. Durante a live. Eu gosto para caramba, mas no OBS eu tô com muita dificuldade de fazer isso, cara. Eu mal, mal consegui mostrar o chat, a lista do chat lá. Então, OBS é meio complexo de fazer essas coisas. Eu tô planejando direitinho que aí eu vou conseguir fazer um stream de 1080p para vocês, colocar umas coisas diferentes. Eu tenho minha mesinha aqui que eu vou botar um som igual do Mano David. Tá ligado, mano? Deve vir, tem uma mesinha aqui, daí ele faz ai, ai. Aí eu vou botar um sonzinho aqui para a gente fazer durante a live. Minha esposa falou comigo hoje para mim botar o tecnologia enquanto a gente vai fazendo aqui as coisas, mas eu vou me acostumando aqui, cara. A gente vai se adaptando para deixar a live cada vez melhor. Mas aí, ó, o Cláudio já passou pela fase 1, 0. 1 e 2. Agora ele tá implementando todas as 6 telas, mano. O Cláudio é foda, velho.
O Cláudio é foda, o Cláudio é muito foda.
Quero saber aqui que que ele tá aprontando lá.
Tá aqui, mexe aqui, ó. Payment.
Boa!
Deixa eu tirar um pouquinho o zoom aqui que eu já não tô enxergando é nada.
Um split terminal. Deixa eu só falar com ele aqui, ó. Abacate pay. Usa esse doc para entender a integração com a Geral, o QR code do Pix.
Boa!
Voltando aqui, ó, tem usado o Cloud Code do celular usando o app do cloud agora.
Agora mesmo fiz o plano de implementação de observabilidade, um pessoal meu, cara.
Eu evito ao máximo usar no celular, cara, senão fica, eu fico o dia inteiro mexendo essa merda, cara, de verdade. Não fico o dia inteiro codando, o dia inteiro maluco só pensando nisso, cara. Eu tô até tentando me policiar um pouco, mano. Agora com o RepireOS que eu tô fazendo bastante coisa, tô bem focado nisso, então eu tô codando o dia inteiro, cara, inteiro. Essa noite fui dormir era 2:30 da manhã, acordando, fazendo coisa do reply. Eu me empolgo muito, cara. Então eu tento não mexer muito no celular e não ficar muito pensando no celular nessas coisas. Sei lá, eu uso para as outras coisas, mas para eu viver um pouco, né, mano? A gente tem que viver um pouco também. Deveria lançar um plano intermediário. Papo reto, tem semana que eu não chego nem perto de consumir os 5 vezes. Os caras são muito espertos. Exato. "Não tá fazendo com Angular?" Não, mano, para ser bem sincero, não tô programando em Angular mais. Com a Iá agora é só React, cara. Projeto pessoal e tudo mais é só React. Um, porque é muito mais fácil. A Iá tem muito mais conhecimento de React, ela resolve os problemas muito mais fáceis, sabe padrões muito mais fáceis. E o React a gente sempre soube, cara, o React é muito mais fácil de você mexer nas coisas, você programar, porque é uma biblioteca, você consegue fazer as coisas mais rápido. O Angular, ele tem toda, né, estrutura que a gente tem que seguir, as coisas, as passos. E aí a gente tem essas coisas, a gente consegue sim fazer com React, cara, mas qualquer coisa que você pede para React hoje, ela vai fazer com React. Então eu não vejo sentido eu ficar querendo, né, forçar, vamos usar Angular, vamos fazer com Angular. Eu sempre fui do Angular, cara, não tem problema nenhum, consigo trabalhar com Angular, me especializei em Angular, trabalhei com Angular durante muitos anos.
Mas agora com a IA mudando tudo, cara, é diferente, mas não tem o que fazer, entendeu?
Não tem o que fazer. Então por isso que eu tô fazendo os projetos todos agora normalmente faço em React. Disse que eu nunca programei uma linha de React, tá? Não sei uma linha de regra, não sei como é que funciona essa parada, mas aí já sabe. Negócio é a gente escolher, se juntar e escolher o plano mais caro.
Boa, mano!
Nem Astro, cara. Astro eu nunca fiz não. Já vi o Henrique Custódia falando Astro, mas eu nunca fiz não, tá?
Pode ser bem sincero, nunca fiz.
Hello!
Oh, ele já pegou aqui o Rank Functions. Deixa eu ver aqui se eu consigo pegar o link do projeto. Boa, mas a gente tem esse carinha aqui, Super Bass. DB Push. Pronto, vamos ver as tabelas aqui.
Caramba!
Ele fez push de alguma coisa aqui, cara. Tá estranho. Tô achando que ele pegou coisa de outro projeto meu, mano. Que bosta, tá? Onboarding. Rode, Super Bass, the big push. Mas ele fez o push de migration de outro projeto, tava logado. Como eu reseto? Só desse, putz.
Eu acho que ele pegou, mano, quando eu fiz o push aqui, ele pegou migration de outro projeto, cara. Então não gosto de trabalhar com vários projetos por isso. Deve ter só pegado a migration aqui e rodado lá.
Tá, supabase DB reset, linked.
Yes, é assim que a gente corrige as coisas, meus amigos.
Fiz merda, agora tem que corrigir, caramba.
Beleza, vamos ver aqui, recarrega. Boa, payments users, show!
Yes, beleza!
Agora sim, corrigido, guys! Beleza, show! Tá, agora deixa eu colocar a API da AbacatePay aqui, guys. Um segundo. API, eu sou pobre, criar.
Beleza.
Cadê, cadê a bacana de paper aqui?
Show!
Beleza.
Olha que eu já tô logado.
Bom, deixa eu logar aqui de novo. Samuel Rizon.
Vamos ver se tá funcionando agora, galera.
Agora vamos. Samuel Rizon deve confirmar username.
Criando. Olha que da hora, mano! Sou pobre. Quanto de pobre você é? Sem acento, tá? Sem acento.
Olha que coisa linda, R$1.
Mínimo R$1. Quanto mais pagar, mais alto no ranking.
Gerar QR code Pix.
Será?
Nem fodendo.
Cadê o QR code?
Caramba, Timon lá, pagamento deve.
Cadê o QR code?
O QR code não apareceu. Já rodei as migrations, não vi erro nenhum no console.
Aguardando pagamento.
Que que será? Provavelmente o macarrão retornou erro e o permit URL veio no retornar logs no server.
Beleza.
Veremos, tá.
Um real, gerar QR code. Okay, customer not found.
Ah lá.
Ah lá, ele já achou aqui, ó.
Esse aqui, o Daniel é bravo lá, ele já tem o docs.llm aqui, ó.
Muito bom, mano, muito bom!
Parabéns para os cara da Abacate. Ah lá, ele tem que criar o client aqui, ó, o cliente, ó, e já tem um.md aqui, ó. Muito bom, Daniel e Chris da Abacate. Isso aqui é muito bom, mano.
O Composite foi nomeado, tá?
Oi, é lindo, hein?
Será que ele criou? Criou, ficou uma bosta.
Sou pobre, o único ranking competitivo de pobreza no Brasil.
Como funciona ranking dos pobres? Aí, ó, você ainda não é pobre. Boa!
Aí, isso aqui na semana que vem a gente revisa tudo isso aqui.
Eu só quero ver de novo aqui, ó.
Payment.
Vocês estão aí, guys? Agora acho que vai vir um Pix, hein? Agora vai vir Pix de R$1. Será?
Caramba, deixa eu zerar isso aqui. 1 real e gera payment. Ainda tá com erro, cara.
Okay.
Beleza, vamos tentar de novo. Vai, parece que criou agora, hein? GG!
Eita, mas aí ele mandou, foi para cá. Ao invés de mostrar o QR code, mostrou um— eu quero QR code, guys! Ô, Cláudio, me ajuda, Cláudio! Olha lá, ele colocou lá o sandbox mode. Sou pobre, R$1, pagar com Pix. Tem certeza que não tem um endpoint para o QR code?
Não, eles têm que ter um endpoint por QR code, né, Abacate? Né, Abacate? Vocês têm um endpoint por QR code, não tem?
Tem que ter endpoint por QR code. Cobrança Pix QR code, criar QR code Pix aqui.
Como que não tem? Como que não tem?
Me explica.
Ai, meu Deus, o pato caiu!
Que susto, caramba!
Socorro!
Agora sim, ó, tem uma pedida de caso para QR code Pix.
Deixa eu ver os detalhes. Perfeito. Que retorna o BR QR code, copia e cola, e o Base64.
Agora sim, vou refazer integração.
Em vez do billing create, isso retorna o QR code direto.
Viu, cara? Você tem que direcionar a IA. Não tem como você deixar a IA fazer as coisas sozinha, cara.
Não tem como. Não tem como.
Até o momento não. Então a gente precisa de dev ainda, precisa de pessoas direcionando a IA do que que ela tem que fazer. Deixa eu responder vocês aqui, ó. Alá, eu sou suspeito a falar porque sou front react, então quando eu vejo o ângulo acho muito verboso. Eu sou front ângulo, mano, vim do ângulo, mas confesso que realmente hoje o react é melhor. Fala, Edson, cara. A gente tá fazendo o Eu Sou Pobre aqui, ó. Eu Sou Pobre, a maneira premium de perder seu dinheiro. Estou fazendo um site para os pobres que vai ter um ranking dos pobres. E é isso, um sitezinho dos pobres que a gente tá fazendo, tá?
É isso que nós tá fazendo.
Essa briga tem nem muito o que fazer com o sistema muito mais rico, não tem como comparar ao Angular. Exato. A verdade é que React acabou sendo perfeito para IA por conta do grande acesso a informações. Tô usando qual navegador no MacBook?
Brave.
Só uso Brave, mano. Tem muitos anos que eu uso Brave. Ainda amo Angular e continuo no Zard, mas já estamos especializando em React e continuar evoluir no back com Node. Essa dupla é difícil separar. É isso, nosso lindo Zard UI, nosso filhinho Zard UI, nosso filhinho Zard UI.
Aqui, ó, mostrar para vocês, para quem não sabe. Eita, caramba, carrega aqui, ó.
Esse é o nosso filho Zard UI. Eu e Luiz, a gente criou, é o ChatGPT para o Angular. Nossa, filhinha, que já tem 831 estrelas lá no GitHub, velho. Você que não conhece, vai lá e dá uma estrelinha, acessa site dos Arduino aí, dá uma estrelinha lá no GitHub para fortalecer nós. Boa! O Angular, sua curva de aprendizado é muito longe, diferente do React, facilita, tu aprende muito rápido como as coisas funcionam. É, cara, eu nem acho a curva de aprendizado do Angular tanto assim, tá, mas Depois vai ficar de vídeo, completamente esquecido, coitado, viu, mano. Exato. Ah, mano, aí vem matando muita coisa, cara. Não tem o que fazer, velho. Tá mudando tudo, tudo que a gente faz mudou com a IA, cara. Agora vai vir esse Pix, hein. Se esse Pix não aparecer aqui, eu vou dar porrada no Cláudio. Paga no Pix. Que que acontece se eu ler esse QR code aqui, mano?
Chegamos, hein?
Vai, câmera! Caramba! Ô meu Deus! Não quer ler o QR code? Ah, que tem que pagar aqui, ó.
Tem que ler um QR code com o app do banco, né, mano?
Veremos.
Pagar. Opa, eu botei errado, mas é isso mesmo.
Simular pagamento. Acho que ele faz isso aqui, né? Simulate payment.
Boa!
Então falta pouco, guys. Acho que a gente já conseguiu. Só quero depois, eu só quero conseguir finalizar esse pagamento aqui.
E aí a gente já termina.
Caramba, hoje tá rendendo, velho! Eu só quero conseguir simular esse pagamento e ir para outra tela, cara. E na semana que vem a gente termina, e aí eu vou ir para o UI, cara. Vou deixar tudo bonito aqui. Deixa bonito não, né?
Porque a ideia é ser bem reto, bem estranho mesmo.
Não, botou um simular pagamento atualizando direto no banco. Pois é, não é para atualizar no banco, é para simular o pagamento da abacate. Boa!
Gerar QR code no Pix e simular pagamento. E que aconteceu?
Nada.
Simulei e não acontece nada. Logs. Ah, não foi lá. Ele deveria ter create mock confirm status.
Provavelmente é o webhook, né, mano? Eu não configurei webhook nenhum.
Como é que funciona isso aqui? O mock confirmator provavelmente o external não foi salvo no banco. Problema é que não existe um policy Updates de tabela payments. Só serve esse role para atualizar o update do external dinâmico. Tá falando de seleção somente por RLS. Aí, o Cláudio sabe das coisas, mano. Veremos, veremos, veremos.
Vai, gera!
Caramba, hein!
Essa é a vida de um dev, né, mano? Aí, que caramba! Carrega de novo, limpa. R$1, gerar QR code. Deixa eu ver o que que ele tá retornando aqui. Erro interno servidor ao gerar QR code. Recebo isso, logs aqui. Enquanto isso, cara, tem outra instância do Cláudio aqui. Tudo foi feito em português, mas não tem nenhum acento. Corrija tudo.
Deixa eu corrigir os acentos aqui.
Odeio isso.
Aí às vezes viaja, cara, ela simplesmente esquece que existe acento em português. Ah, tá, é porque eu preciso colocar a service role aqui dos Firebase.
Tá certo, tá certo. Deixa eu pegar minha service role aqui, guys, um segundo. Aqui, database. Keys, Project Settings, API Keys.
Um segundinho aqui, peraí.
Pronto, agora a gente volta para cá. Eita, aqui e aqui. Bom, agora acho que foi, hein?
Simular.
Kadejic.
Vocês pensam que é fácil, né? Fazer sistema é isso.
Tem hora que eu gasto, cara, 3, 4 horas resolvendo um erro besta, bicho.
É osso, cara. Então vamos limpar aqui, vamos carregar de novo, R$1, gerar. Deixa eu limpar isso aqui, simular pagamento. O Mog Confirma tá mostrando R$400, cara.
Vamos ver aqui, ó, logs, Superbase logs.
Cadê?
Mando logo para ele aqui, ó lá. External ID null, status pending, error undefined. Provavelmente é esse problema da external ID aqui, ó. Update no create tá falhando silenciosamente. Ai, que maravilha! Vamos lá, geral, de novo, R$1. Simulando, copia e cola. Mas ele tá gerando, ele tá gerando um external ID.
O contexto vai compactar de tanta coisa que eu tô falando com o Cláudio aqui.
O Gustavo chegou aí, ó. Fala, meu irmão! Projetinho que a gente tá fazendo, a maneira premium de perder seu dinheiro, é um site para todo mundo que é pobre. Olá, você entra na plataforma e escolhe um username que sua mãe teria vergonha. Aí você paga com quem não tem, você manda um Pix a partir de R$1. Quanto maior o valor, maior sua relevância, e se ostenta sua miséria. Você recebe uma URL exclusiva sua e mostra para o mundo que você é certificado, que você é pobre mesmo. Quem é o pobre mais rico aqui da plataforma?
Essa é a ideia, entendeu? Então, olha lá, ó, as keys parecem corretas.
Update report aí, mas não atualizo.
Vou adicionar um select para ver se alguma role foi afetada. Vamos gerar. Create update result.
Ele não tá atualizando, cara.
Ele não tá atualizando o quê, gente? Tabela payments tem um level security, tem 3 level security. Select, insert. Não tem update, não tem update de raw level security, mano. Ô meu amigo, porque não tem RLS de update?
Para você que não sabe, Superbase, a segurança dele tá aqui, ó, raw level security. Então essa aqui é uma parte muito importante.
Se você não sabe, Samuel Rizondev, eu tenho até um e-book sobre isso, sobre segurança.
Seu SaaS tava dando dados, você nem sabe.
Eu tenho um e-book sobre isso, cara.
Deixa eu mandar aqui para vocês, ó. Vocês quiserem, tem descontinho, manda lá na comunidade do Zap.
Pede um desconto lá que eu mando o cupom de desconto, 30% de desconto. Problema é esse aqui, meu amigo. Então a gente vai rodar aqui, agora vai funcionar, mano.
Beleza. Agora foi, hein? Agora foi! Samuel Rizon deve, pobre, desde 12/12/2026, sem posição no ranking, R$1 total investido.
Deu certo, deu certo, deu certo, mas não tô no ranking.
Porque eu acho que ele não criou nada de ranking ainda, tá?
Acho que essa é a grande questão. Que deixou aprovar.
Nossa, caramba, que tanto de update que tava pendente aqui, velho. Deu certo, guys, deu certo, deu certo. Boa!
Ranking, ranking dos pobres. Quero entrar no ranking, quero ser pobre.
Ah, tá explicado lá.
Oh, aí, uai, cara, eu não gostei, tá? E aí eu sou chato para caramba com a UI, então acho que na próxima live a gente refina toda essa UI aqui, tá? E a gente deixa isso aqui bonitinho. Enquanto ele tá compactando a conversa aqui e tá corrigindo os erros de português, deixa eu abrir um novo carinha aqui e começar a anotar o nome de vocês para fazer o sorteio da live.
Lucas Almeida, Petroli 348. GX Dev, Eduardo Pertozzi 15, João Rocha, João Rocha traço J7M.
Se você que tá aí na live quer participar do sorteio aí do Cloud Code, você não fez um comentário ainda, comente, mas deixa o seu like primeiro. Tá bom, deixe seu like na live primeiro antes de comentar, por favor.
Santos, Adam, João Rocha, João Rocha, GX, Eduardo, Lucas, Lucas, Lucas 64, tá. O Vitor Barbosa, Roxis Pro. Vitor Barbosa já foi. Underline JPK, tá? P traço ponto traço Q traço LHP.
Toda vez ele tá aqui, que esse nome muito estranho, cara.
Jefferson da Silva Teixeira, o que ganhou semana passada, hein?
Ô Jefferson, não vou botar você de novo não, tá?
Você já ganhou semana passada. Nando Moreira deve. Pedro FLP deve. Dougie Jtds, Fushinfu, Fushinfu, boa, boa, boa, boa, boa.
Cadê?
Quem mais? GX, Fushinfu, Hero 7573.
H-I-L-P-W.
Pr. Sunto, Pr.
Sunto é o Presunto.
Edson, Edson R. Costa. Luiz, Luiz Gomes.
Não vou botar luz não, luz que tá dando um negócio aqui, porra.
Gustavo, Gustavo Kobielski. Vitor Souza, já tenho já. Vitor Souza, não. Vitor Souza, 7725. Fernando, coface6453.
O Vitor Barbosa, Barbosa, tá aqui.
Gabriel Andrade.
94,8.
Tá perguntando se eu tô em mais alguma plataforma. Não, mano, tô só aqui no YouTube.
Tô só aqui no YouTube. Boa, show, show, show!
Todo mundo aqui.
22 pessoas, hein, que da hora, velho.
Eu já sou o primeiro no ranking dos pobres, tá? Tá bom, chora aí, ó. Eu sou o primeirão no ranking dos pobres. Quero ver quem é mais pobre que eu, quero ver quem é mais pobre que eu, tá? Sou o primeirão aqui, ó, o ranking dos pobres. Aí, o wife ficou bem ruinzinha. Eu quero uma coisa melhor. E aí na próxima live a gente resolve isso, beleza?
Não se preocupem, a gente consegue resolver.
E agora eu vou fazer já o sorteio porque já tá muito tarde e a gente tem que trabalhar, né, mano? Nem só de live vive o homem. Mas eu trabalho, eu tenho uma bela daqui a pouquinho. Aqui, aqui, fazendo um sorteio para vocês, meus amigos. Muito boa sorte, muito obrigado todo mundo que tá sempre participando aqui da live. Tamo junto, vou fazer o sorteio aqui e boa sorte para todos vocês. Sortear, 5, 4, 3, 3, 2, 1. Quem ganhou? Santos Adam. Santos Adam, eu vou fazer outro sorteio, tá? Porque esse aqui é o meu amigo, meu amigo que trabalha comigo. Deixa eu mandar uma mensagem para ele. Santos Adam mandou uma mensagem no chat, mano.
Caramba, cara, meu Deus!
Aqui, ó, deixa eu tirar um print. O Santos Adam. A gente faz o seguinte, mano, deixa eu—
cadê aqui, ó?
Pronto, ele ganhou, mano.
Mano, eu vou mandar uma mensagem para ele, tá? Se ele não quiser, aí eu sorteio de novo semana que vem. Tá bom? Mas quem ganhou é ele, cara. Chegou aqui, participou, é meu amigo. Esse aqui eu não tenho marmelada nenhuma não, tá bom? Mas eu vou mandar para ele. Bom que eu convenço ele de usar o Cloud, que tá usando o curso, aquele abençoado. Mas é isso, meus amigos. Boa sorte para vocês na semana que vem. A gente se vê na próxima semana, fechou? Que eu deixo, eu só ver os últimos comentários, ó. Faz nem sentido você colocar dinheiro. É o pobre mais rico, mas quem tá, quem deveria ter em primeiro lugar, e quem é mais pobre, não quer mais rico. É, mano, mas aí tipo assim, quem é mais pobre aí, tipo assim, a pessoa coloca um real, aí vai ficar um milhão de pessoas no ranking de mais pobre, entendeu? Para mim não faz sentido. É o pobre mais rico, aí a gente consegue colocar um ranking no negócio, né, mano? Fechou, meus amigos. Cara, brigadão por todo mundo que participou da live aí, tamo junto demais. Aqui, ó, o último comentário: depois rola de mandar o agente que você usou para criar as apresentações de HTML, tô montando umas, tô sofrendo. Caramba, mano, verdade. Eu vou fazer um vídeo sobre isso, mano, tá bom? E aí eu vou lá no vídeo, eu explico como que eu fiz e tudo mais, mostrar como que eu tô fazendo as apresentações. É, por exemplo, o vídeo, né, o último vídeo que eu lancei aqui no canal. Ai, caramba, não é isso aqui não. YouTube, YouTube, se liga, esse vídeo aqui, ó, essa aula de toques, mano, vocês não mandaram esse vídeo, cara? Esse vídeo aqui devia estar com 1 milhão de visualizações, cara. Não sei, o YouTube não tá entregando meu conteúdo direito, ou eu tô errando as thumbnail, eu não sei o que que é não, cara, mas Não vou desistir não. Mas enfim, esse vídeo aqui, toda essa apresentação foi feita pelo Cláudio, cara. O Cláudio disse que é um HTML, tá, um HTML puro, que eu consigo desenhar na tela. Quando eu vou e eu volto, desenho ainda tá aqui. Eu consigo passar nas coisas, tá vendo? E o Cláudio que gerou esse HTML aqui para mim da apresentação. Eu fui refinando, refinando. Eita, caramba, não tô apresentando na tela. Que burro!
Dá zero para ele.
Desculpa, cara, desculpa. Mas aqui, ó, apresentação, ó, gerada pelo cloud. Eu consigo desenhar na tela, se liga. Isso aqui é um HTML gerado pelo cloud. Então eu tô usando o cloud, cara, para gerar apresentação de vídeo aqui para os vídeos de que eu ensino, né, que eu dou uma aula, eu faço alguma coisa para os vídeos. Tô gerando apresentação também para review. Então tem que fazer uma apresentação na review, em vez de usar o Canva, sempre usei o Canva. Gera o cloud também, gera pelo cloud também. Ontem eu fiz um post no X mostrando, né, uma que eu fiz para review. Então se liga aqui, ó. Cadê, cadê, cadê, cadê, cadê?
Aqui, ó, ó, isso aqui é uma apresentação de review.
Imagina, mano, se apresentar review com isso aqui, ó. Você chega lá, sua parte, eu fiz um código de autenticação de evento, e aí você mostra isso aqui na apresentação. Chora, mano, a galera chora, tá ligado? Apresentação dos devs é tudo ruim, eu tô ligado, vocês não sabem nem apresentar os trem direito. Mas olha lá, isso aqui é uma apresentação, cara, foi feito pelo Claudio e ele analisou meu código no GitHub, ele entendeu o que que tinha de funcionalidade, ele entendeu o código, né, nas telas, ele fez QR code, muito mais fácil se apresentar, muito mais fácil se falar. Então pretendo sim, vou fazer um vídeo sobre isso, espero que vocês compartilhem bastante. Me siga no X, fechou? Não se esquece de deixar o seu like, se inscrever no canal, e a gente se vê na próxima semana. Valeu, galera, brigadão, tamo junto, é nozes! Valeu, brigadão, até a próxima, galera. Bom trabalho para vocês aí, bom dia. Aí, hoje foi quase 2 horas, cara. Comecei 9, 11:30, 2 horas e meia de live. Tá bom, fazer muita coisa. Tamo junto, virou membro, mano. Aí, ó, virem membro, vira membro, virem membro do canal, sejam membro aqui do canal, porque o código mesmo eu compartilho o código básico, eu compartilho público, mas os código mais foda eu mando só para os membros do canal mesmo. Valeu, galerinha, tamo junto, até a próxima!










