GIT CITY AO VIVO | LIVE CODING 🔴

Bom dia, galera. Bom dia, bom dia, bom dia! 38 mil devs já na Git City. Vambora, vambora! Boa, GX! Já botei o som aqui já, mano. Eu sempre esqueço, cara. Deixa eu ver, assim fica bom. Bom dia, galera! Já estão com prédio aqui na Get City. Que que a gente vai aprontar aqui hoje, hein? Tem bastante coisa para a gente fazer, hein, cara? Olha lá, eu não fiz meu flight mode aqui não. Vocês têm que ver o que que eu tô aprontando, cara. Vocês têm, cara, tem tanta coisa que aconteceu nessa semana, velho, mas tanta, mas tanta, que daqui você não tem noção, gente. Olha que isso aqui, cara, a gente já tá com quase 2.500 estrelas no GitHub. Olha que doideira, quase 2.500 estrelas. Esse aqui, ó, minha feature nova que eu tô fazendo, mano. Essa aqui eu acho que é uma das features mais da hora, cara. Tipo assim, pensa numa feature da hora de desenvolver, mano, é essa aqui de verdade, cara. Essa aqui eu tô de cara com ela. Bom dia, galera! Aí, ó, o GX mandando aí, ó: depois que sua mulher ficou rico com o Git City, não tem mais o Sassou pobre. É, mano, agora eu sou pobre, eu sou pobre, mano. Mas deixa eu te falar, cara, o Sou Pobre foi a maior inspiração do Git City, maior inspiração do Git City. Sabe por quê? Porque olha o que que aconteceu, cara. Não, isso aqui eu vou ter que ter parado de compartilhar aqui. Deixa eu voltar aqui para tela. Não, não é aqui não. Cadê? Parar de compartilhar. Stop, cara. Olha que doideira aconteceu. Os acontecimentos foram o seguinte: quinta-feira retrasada, retrasada, ou 3 quintas-feiras atrás, se eu não me engano. É, eu fiz a live do Sou Pobre. E aí, vocês lembram da live do Sou Pobre? Deixa eu jogar para tela de cá. Vocês lembram da live do Sou Pobre? Então a gente fez a live junto e a gente na live a gente criou, a gente foi lá para desenvolver, eu fui fazendo a UI do seu, do Eu Sou Pobre, né? E aí durante a live eu não tinha noção nenhuma, e durante a live eu fui procurando referências, procurando referência, até que eu achei referência do pixel art. Que eu falei, cara, que legal, gostei. E aí na live a gente fez a live do Sou Pobre, que ficou foda para caramba. Eu gostei bastante daí, uai, do Sou Pobre. E aí na quinta-feira mesmo, então foi quinta-feira de manhã a live, na quinta-feira à tarde que eu vi o tweet, que eu vi o post que iniciou toda essa parada da Get City, cara. Então na quinta-feira à tarde eu vi o post no X, cara, eu tirei print desse post, mano, eu já até salvei esse post. Porque tipo assim, foi através dele que tudo começou, cara. Deixa eu ver aqui os bookmarks. Aqui, ó, eu tenho aqui, ó. Deixa eu mostrar para vocês, só para vocês terem ideia. Eu já mostrei semana passada, mas eu vou mostrar esse aqui de novo, cara. Que aqui, ó, então quinta-feira, então na quinta-feira, que dia? Dia 19 de fevereiro. Então foi dia 19 de fevereiro, à tarde. Calculator, não é calendar app. Então lá, quinta-feira à tarde, quinta-feira de manhã a gente fez. Era duas semanas, mano. Tem duas semanas de Get City, velho. Não dá para acreditar no negócio desse não, mano. Não dá para acreditar, cara. Não dá para acreditar. Tem duas semanas de Get City só, mano. Duas semanas. E aí, então, quinta-feira de manhã eu vi esse post, eu fiz a live com a UI, a gente fez a UI, e quinta-feira à tarde eu vi esse post aqui, e eu postei 5:48, e eu falei: vou fazer um site 3D que você conecta seu GitHub, coloca a cidade, ele começa a construir prédio baseado no seu histórico de commit. O que que você acha? Posso desenvolver? Teve uns comentários, olha lá. Renderiza a cidade de cada bairro gerado juntando os Git da galera. Me lembrou esse projeto aqui, ó. Então, o próprio Git, cara, não sei se vocês sabiam, mas o próprio Git já tinha criado esse Git Skyline aqui, ó, uma vez. E o próprio Git deixou isso de lado. Não sei se foi o próprio, acho que não foi a própria GitHub, não. Esse carinha aqui que fez Git Skyline. Quer ver? Cadê? Aqui, ó, Git Skyline. É, não foi o próprio Git não, mas foi esse carinha aqui, ó, parece. 2 anos atrás, ó lá, Git Skyline. Então, aí teve umas pessoas comentaram, pá, não sei o quê, não sei o quê, não sei o quê. E aí veio, mano, E aí no mesmo dia, acho que quinta à noite, né, eu comecei a desenvolver alguma coisa com o Cláudio. E aí na sexta, tipo assim, eu fiquei tão empolgado no projeto que na sexta-feira mesmo eu já criei o projeto, eu comprei o domínio, eu criei a logo, eu criei o site, eu já fiz tudo para deixar para galera, porque eu fui postando, né, aqui no X, foi postando para vocês na comunidade também, fui postando. E foi isso, cara, começamos Semana, tem 2 semanas de Grid City, a gente já tá com, dá uma olhada nisso aqui, velho, 38.460 devs na Grid City. 38 mil, cara. Tem 244 pessoas nesse exato momento online na Grid City brincando, andando pela cidade, voando por aqui, fazendo as tarefas diárias. Tem muita gente, cara, tem muita gente. 38 mil pessoas, vocês não têm noção, mano, do tanto de gente, coisa que tá acontecendo aqui, cara. Enfim, o que que vocês querem que eu faça aqui no GitHub hoje? Querem que eu ataque algum prédio? Vocês já viram? Você já batalharam com alguém, mano? Aí eu tenho que logar, fazer login no GitHub aqui, ó. É só clicar, ele já conecta no GitHub direitinho lá e já pega o meu prédio. Uma coisa que eu fiz recente, ó, meu cara, meu bonequinho tá irado, tá? Nossa, o Super está do meu lado aqui, mano. Olha, eu já tô com, eu já tô com quantos dias? Eu já tenho minhas daily missions aqui, cara. Tem muita coisa nova, cara. Então ela tem daily missions aqui, então tem missões para mim fazer durante o dia. Eu tenho, é, agora tem os levels. Então agora cada usuário aqui tem seu próprio level. Olha que da hora, tanto de coisa que eu tenho aqui. E aí tem, mano, tem leaderboard de tudo aqui agora, tá? Tem leaderboard de tudo aqui, ó. Tem developers, contribuição, de estrelas, de arquitetura, de coisas que ganhou lá, achievements. Eu tô em terceiro, ó. Caramba, tô em terceiro, mano. O Peter, o cara do criador de bot, tá em primeiro quase tudo nessa merda aqui, mano. Caramba, ó, recrutadores, ó. Esses aqui já chamaram a gente, tá chamando os outros. Alô, tô em sexto. E tem agora o de XP, ó. Eu tô em segundo, tá? Mas o cara do Peter aqui, o criador do bot, ele é cabuloso, cara. E aí, que é o de game da galera que tá no aviãozinho, mano. Olha o cara, mano, fez 40 em 3 minutos. Como? Eu não faço ideia, cara, mas o cara pegou os 40 em 3 minutos. Esse aqui pegou 27. Deixa eu dar zoom aqui para vocês verem melhor, cara. Olha lá, esse aqui pegou 27 de 40 em 1 minuto e meio. Galera é muito cracuda, mano, muito cracuda para fazer o negócio. Ontem eu postei, eu lancei isso aqui ontem, aí eu tava todo feliz, né? Eu quero ver quem vai me bater aqui, ó. Fiquei em oitavo ontem, cara. O Alan, ó, o Alan, ele, que que ele tá em primeiro? Deixa eu explicar para vocês. Você quer um cara lá da nossa comunidade e ele achou uma brecha de segurança nessa parada, você conseguia mandar para o back-end o número que você quisesse. E aí ele mandou o dele aqui, ele reportou a falha, eu corrigi na mesma hora, mas eu deixei ele aqui porque merece, cara, merece. O cara achou a falha, reportou. Então eu deixei ele aqui em primeiro ontem, merece para caramba. Valeu, Alan! Isso aqui tá muito legal. E agora a gente também tem os daily, as coisas diárias. Então toda vez que você entrar na cidade, você tem 3 tarefas para você fazer. E a gente tem um ranking das pessoas que vão conseguir ficar na frente desse ranking aqui. Então todo dia você entra na cidade, você tem 3 tarefas e você tem a sua ofensiva, que é o streak. Então Tony Stark aqui, ó, já tem 2 dias, ele já entrou ontem, entrou hoje, já fez as tarefas dele. E eu vou entrar aqui no prédiozinho dele, dá um kudo para ele. Boa, entendeu? Então dei um kudo para ele aqui. Dá um kudo, é dar um parabéns, tá? Agradecer ele por estar aqui. Bom dia, bom dia, bom dia! Tem 12 pessoas aí, ó. O Deve Ricardo perguntando qual é a desse Git City, foi tu que criou? É um game, mano? Foi eu que criei, tem 2 semanas que eu criei isso aqui. Criei como uma coisa fazendo, cara, fazendo por fazer. Vi um post no X, no Twitter, e aí eu criei e a gente tá com 30 mil devs aqui, cara. Vai se tornar um jogo, tá bom? Isso aqui foi só uma forma de visualizar de início, mas a ideia aqui vai ser ser um jogo para os devs, cara. Um jogo para você passar o dia aqui, para você fazer as coisas. E aí, o que que eu queria falar para vocês, ó, presta bem atenção nisso. Tem 21 pessoas na live. Olha o que que eu tô desenvolvendo aqui, cara. Presta atenção, presta atenção a funcionalidade que eu tô desenvolvendo. Eu postei no X ontem, ó, se liga. Isso aqui eu tô em desenvolvimento nesse exato momento, tá? Então aqui no meu exo, ó, ontem eu postei aqui, ó: e se a Git City, se o prédio na Git City soubesse que você tá codando? Então qual que tá sendo a minha ideia, tá? O que que eu vou, tô fazendo? Eu tô criando uma extensão para o VS Code. Se liga, uma extensão para VS Code, você conecta ela no seu VS Code, tá? E aí quando você conecta ela, ele vai atualizar a Git City e mostrar que o seu prédio nesse exato momento você tá codando. Então olha aqui o que que eu fiz, ó. Esse aqui, ó, é a minha parte de desenvolvimento ontem. Deixa eu dar um zoom aqui para vocês verem. Deixa eu abrir uma nova guia. Olha o que que vai mostrar na cidade, cara. Na cidade, além de mostrar os negócios aqui, vai aparecer lá, ó: uma pessoa tá codando agora. E aí quando você clicar, vai aparecer a lista aqui, vai aparecer os 5 devs, né, que estão codando agora. Então, por exemplo, eu, o criador, né, vai aparecer aqui, ó, criando a cidade. Então outros devs vão estar codando. O seu prédio, cara, vai ficar com um glow up a mais. E cara, olha a ideia que eu tive para essa parada, mano. Essa parte de código vai manter as luzes da cidade acesa, mano. Isso aqui vai ficar muito foda, isso aqui vai ficar muito foda. Se não tiver ninguém codando na cidade, as luzes da cidade vão ficar mais apagadas. Quanto mais dev tiver codando ao mesmo tempo dentro da cidade, mais forte as luzes da cidade vão ficar. E é isso que eu tô fazendo agora, mano. É literalmente isso. Eu tô fazendo uma funcionalidade que você vai simplesmente instalar uma extensão no seu VS Code. Deixa eu rodar aqui, não tem run dev. Acho que eu consigo rodar local aqui para mostrar para vocês. Aqui, aqui, ó, dá uma olhada. Isso aqui é a cidade agora, tá? Esse aqui, local roxo. Se você olhar aqui em cima, deixa eu dar um zoom aqui, ó. Aqui, ó, a cidade está dormindo, não tem nenhum dev codando na cidade. E se você olha para a cidade, ó, as luzes dos prédios estão praticamente todas apagadas. Se você vir aqui olhar em produção, ó, tá tudo brilhando, porque aqui não tá essa parada de código, tá ligado? Então tá tudo brilhando aqui, ó. E aí aqui, ó, olha a diferença. Então a cidade normal— deixa eu dar um refresh aqui na página e dá um refresh aqui para vocês verem. A diferença da cidade quando tá dormindo e a diferença da cidade quando tá codando. Pera aí, deixa eu tirar esse usuário aqui. A cidade normal hoje, tá em produção, toda acesa. E a cidade normal agora quando não tem ninguém codando, ó, antes e depois. As luzes do prédio estão apagadas. E aí o que que eu preciso fazer, cara? Eu preciso começar a codar. E aí essa parte aqui eu tenho que acertar essa configuração aqui ainda. Deixa eu abrir uma nova aba do VS Code aqui. Beleza. Se liga, aqui tá zero, tá? E aí eu vou dar um F5 aqui. Deixa eu tentar só rodar aqui local, tá bom? Mas o que que vocês acham disso, guys? Aí, ó, tô rodando aqui, tá? Enquanto isso, deixa eu ver os comentários aqui, ó. Muita interatividade, por isso explodiu, fez aí, ó, fez o que as pessoas não fizeram. O Gleice aqui passando só para dizer que eu conheci esse cara antes dele ficar famoso. Guys, o negócio tá insano, cara. Não sei se vocês viram, mas ontem o porquê que deu esse boom, um indiano postou sobre o Git City, mano, postou. E eu bombei no Instagram também, tal. Deixa eu entrar no Instagram aqui agora, ó. Samuel Rizondev, se liga, meu Instagram vai estar bombado, tá? Olha lá, 31 seguidor. Acabei de bater 1100 seguidores no Instagram, eu tinha 200 anteontem. O vídeo, ó, O vídeo já deu 14 mil likes, o vídeo que eu postei esses dias. Olha isso aqui, mano, vamos ver o que é os insights do vídeo, que eu mostro para vocês, mano. Tem nada a ver não, 189 mil visualizações o vídeo que eu postei 2 dias atrás, quando a gente tinha 12 mil devs na cidade, tá? Nesse mesmo dia a gente bateu 20 mil, e agora a gente bateu ontem, a gente bateu 30 mil. E agora a gente tá para bater 40 mil devs, tá insano. E aí, o que aconteceu? Um indiano postou, mano, um indiano postou. Se você não me segue lá no Instagram, já me segue aí, Samuel Rizon Dev. Deixa eu já mandar aqui para vocês aqui, ó, Samuel Rizon Dev. E aí, o indiano postou o vídeo, mano. Eu postei até no meu Instagram aqui, ó. O indiano postou um vídeo, ó, estourei, papai, estourei, ó. O indiano postou e deu quase 1 milhão de visualizações, mano. Indiano postou. Olha que doideira, isso aqui é um absurdo, mano. Isso aqui é um absurdo. Indiano é brabo. E aí eu mandei mensagem para ele, fiz uma, ele me chamou para reunião com mais 5 Indiano que tava na reunião, a galera, a equipe inteira que fez o vídeo. Uma loucura, mano, uma loucura, cara, loucura. Uma loucura, loucura aqui, ó. Mas pergunta: entrei ontem na cidade, como tu faz abordagem visual para codar com o Claudio Code? Vi o post pelo Tab News, que da hora, mano! Abordagem visual para codar com o Claudio Code, mano, dois terminais abertos, um codando o tempo inteiro e o outro planejando. É isso, não tem segredo não. Às vezes 3, 4 funcionalidades abertas, terminais abertos, né? Passando para dizer que foi a segunda pessoa de Vogal que disse, ele nem tinha sistema Boa, mano, boa! GX fez um vídeo mó legal mesmo, mano. Pô, da hora a funcionalidade VS Code. A empresa que eu trabalho tem uma extensão dessa para saber se eu tô trabalhando. É possível, mano, não é possível. Que que seria o battle dentro da cidade, mano? É só uma forma de você lutar contra a pessoa. Então, battle, você entra no prédio da pessoa aqui, ó. Deixa eu vir aqui, ó, selecionar. Manda um usuário de vocês aí para mim fazer um battle com vocês aí, destruir o prédio de vocês. Manda aí, GX Deves, eu acho. Cadê o GX? Eu acho que é esse aqui, ó, GX Deves. Olha quem tá aqui, ó. Aí quando eu der um battle lá, eu vou dar um battle, ganho 50 XP, mas eu posso selecionar o avião, helicóptero. Eu tenho 117 de ataque, ó. O que que é esse ataque, cara? Esse ataque lá, ele é baseado no meu número de commits da última semana, então 90 commits. O stick de 15, então tem 15 dias que eu entro na cidade, então eu ganho, e 12 kudos. Então o seu ataque, ele é a mesma quantidade da sua defesa, tá? Mas eu não consigo ver quanto que o GX tem antes de atacar, mas eu sei que eu tenho 117 de ataque. Então você consegue atacar na cidade baseado na sua produtividade e quanto que você tá codando. É isso. Essa é a cidade dos devs, a gente incentiva todo mundo acordar igual maluco. Só não, quando você clica em ataque, ó, meu prédio, meu helicóptero sai do meu prédio, faz uma cena de filme, ele vai lá no prédio do GX. Caramba, GX tá longe, viu? Olha lá, o GX com coelhinho, mano, que da hora! Então, ó, eu tô atacando o prédio do GX, o coelhinho lá em cima, que ele já achou o coelho. Se você não sabe disso, referência Matrix, você tem que selecionar a pílula azul. Nossa, o GX tá com um. Qual é, GX? Tá comentando não, mano? Entra na cidade aí para mostrar os seus comites. Destruído o GX, destruído o GX. Pronto. E aí você pode compartilhar no X ou voltar para cidade lá. E agora o prédio do GX vai aparecer que eu estive aqui, ó. S Rizon was here. Boa! Deixa eu dar um codo pro GX aqui pra ele ganhar mais um ponto de defesa. Tem um coelhinho aqui, ó. Se você não sabe o que que é o coelhinho, você precisa procurar o coelho na cidade. É um puta easter egg que tem aqui na cidade. Então quando você clica aqui na torre, você vai ter duas escolhas pra você fazer. Uma escolha é pra você escolher a verdade ou pra você ir atrás de alguma outra coisa. Tá, então tem uma mensagem aqui, ó. E é isso, show! Deixa eu ver aqui a parte do É porque eu acho que não tenho o task aqui. Enfim, curtiram, guys? Não sobra nada aí, ó. Um amigo aqui, ó, work on the hard drive, please, bro. Mano, tô, eu trabalho no Zard, faço algumas coisas lá, tô mais gerenciando agora, não tô codando 100% com Zard. A gente já tem 4 contribuidores, 3 contribuidores no Zard que estão ajudando a gente bastante. Luiz tá tocando toda essa parte e tem mais 2, 3 contribuidores, um daqui do Brasil e um de fora também, tá bom? Então estamos ativos no Zard também, estamos trabalhando. E vamos lançar, ver um daqui a pouquinho. Fechou? Show, guys! Aqui, ó, vou mostrar para vocês a parte da extensão rapidinho. Beleza. Uma boa pergunta aqui, ó. O projeto é open source, tem espaço para contribuição? Sim, meu amigo, é open source. E, cara, tá sendo bem legal porque já tem 5 pull requests, 12 issues aqui. A galera tá realmente fazendo coisa. Então já tem não só, não é só eu que tô codando mais nisso, a gente já tem 7 contribuidores aqui no projeto. Tá bem legal. Então já tem por request aqui, eu tenho que revisar. E aí, sempre que você quiser, se você quiser testar, baixar, colocar na sua máquina, achar alguma coisa, alguma coisa, faz o PR aqui ou abre uma issue, que a galera já tá se ajudando aqui, cara. Tá bem legal. Fechou. Ah, e tem uma coisa na cidade aqui, ó. Normalmente nas tasks diárias, uma das tasks é você dar uma estrela no GitHub. Então quando você vai lá e dá uma estrela no GitHub, o seu prédio ganha. Deixa eu colocar esse zoom aqui, ó. Você vai ganhar uma estrela que você vai conseguir customizar lá no seu prédio. Então o meu aqui, ó, tem um coelhinho já, que eu já achei o coelho, e tem essa estrela aqui, ó. Tem uma estrelinha aqui do lado também, que da hora. Tem várias, cara. A galera tá tudo dando estrelinha e você ganha uma estrelinha para colocar em cima do seu prédio. Então aqui, ó, você quer tudo a galera que deu estrelinha lá no GitHub. Eu vou dar a cuda aqui para galera. Cudo, toma um cudo aqui também. Boa, cudo aqui também. Fechou. Beleza, ó, se liga aqui, ó, eu tô usando, beleza, e aí eu vou clicar aqui, ó, Gerar minha API key, tá, para me conectar. Já copiou, então vai instalar a extensão. A extensão ainda não tá publicada, beleza. E aí eu venho aqui, dou um Ctrl+Shift+P, pesquiso Git City, set API key, eu colo minha API key e olha que da hora, Git City Live. E aí já aparece aqui, ó, para mim ver meu prédio. Eu preciso, cara, na verdade, atualizar aqui, ó. Só porque eu tô rodando local, tá? Mas eu vou aqui em Settings, Settings, Git City, e aqui eu vou colocar meu localhost, http://localhost:3001. Beleza. E aí, Git City, set API key. Beleza. E aí, quando eu clico aqui, ele vai mandar para o localhost:3001. E deixa eu dar um F5 aqui na tela, aqui, ó. Olha lá, olha que da hora! Agora as luzes já estão um pouco mais acesas, ó. Olha aqui como é que já tá acesa. Por quê? Porque tem um dev codando a cidade, entendeu? Tem um dev codando a cidade. E aí que vai ter uma página para você ver live, live. Quando você entrar aqui, ó, Você vai ver todo mundo nesse exato momento que tá com a extensão do VS Code instalada, e você vai conseguir ver a galera que tá codando ao vivo aqui, ó. E quando você criar, clicar no prédio da pessoa, clicar no prédio do usuário, ele vai focar no meu prédio. Não focou, mano. Clica aqui de novo. Ah, não é focus. Tem que corrigir isso aqui, mas ele vai vir para o meu prédio aqui, ó. Meu prédio vai ter isso aqui, eu vou melhorar ainda, tá? Mas o meu prédio vai ter alguma— tá vendo esse negocinho aqui, ó, esse quadradinho? É que eu tô codando agora. Então meu prédio também, o seu prédio vai ficar com as luzes piscando mais forte, e eu vou fazer alguma coisa no prédio das pessoas que estão codando nesse exato momento, para tipo assim mostrar que essas pessoas estão mantendo a cidade ativa. Doideira, né? E aí, por exemplo, aqui tem um codando agora. Se eu vier aqui no meu VS Code, que tá com a extensão instalada, né, aqui, ó, Git City Live. Se eu clicar em pause aqui, ó, ele vai desativar a cidade. A luz da cidade apagou. Olha, mano, olha isso que doideira, mano! Olha isso que doideira, cara! A luz da cidade apagou. Então, se eu vier aqui na cidade aqui, ó, deixa eu Deixa eu pegar o centro. Caramba, mano, tô longe do centro, viu? É porque eu tô com a tag de creator. Então aqui, ó, cidade inteira apagada. Se eu vier aqui e ativar, ó, a luz da cidade acenderam. Caramba, mano, pelo amor de Deus! Fala se isso não vai bombar, velho. Fala se tem como isso aqui dar errado, mano. Fala, fala se tem como isso aqui dar errado, velho. A luz da cidade acendendo conforme a quantidade de devs estão codando na cidade, mano. Isso aqui é loucura. E pode ficar tranquilo, cara, que eu já olhei a questão de segurança. É a única coisa que ele faz, né, pegar sua atividade e mandar o seu nome de usuário e que você tá online, que você não tá online, tá? Não vai analisar nada do seu projeto, não vai ver código nem nada não, sabe? Então tem a parte toda de segurança, já analisei tudo. Ele só faz uma chamada para API para informar, né, você tá online ou se não tá, quando saiu, quando não saiu, se tá ido, né, se tá offline, se não tá. Então isso aqui tá muito foda, mano, isso aqui tá muito foda. E aí, quer ver? Pera aí, aí, ó, tô aqui, ó, e aí tô online. Se eu fecho o VS Code, ó, pum, ele vai ficar offline. Então a cidade diminuiu as luzes. Simples, prático, lindo, maravilhoso, cara. Esse aqui eu acho que é uma das features mais da hora, mano, mais da hora que eu já fiz na minha vida, cara. Na verdade, esse projeto inteiro tá sendo muito da hora, mano, o projeto inteiro. Então meu objetivo hoje, né, conseguir ver se eu consigo já publicar essa extensão para conseguir colocar isso online, mano. E, cara, toda ideia que vocês tiverem, qualquer coisa que vocês tiverem, mandem lá no Discord, cara. A gente tem sempre 170 pessoas lá no Discord. Entra lá no Discord da comunidade da Git City. A gente tem canal para galera de português, de brasileiro, né, para os brasileiros, mas toda comunicação é feita em inglês, tá? Entra lá no Discord da comunidade, fechou? Entra no Discord, entra na Git City, manda para seus amigos, mano, manda para todo mundo. Curtindo. E dá uma estrela, cara, dá uma estrela no GitHub. Deixa eu mandar o link aqui, dá uma estrela no GitHub também, entra lá, dá uma estrela, projeto Open Source. E tá muito da hora, mano, tá muito da hora. Eu tenho uma tarefa de hoje, ó, que é coletar. Qual que é a tarefa de hoje, mano? Caramba, pera aí, fazer 50 pontos no Fly Mode. Vamos embora, vamos tentar fazer esses pontinhos no Fly Mode aqui, ó. Então quando você entra no Fly Mode, esse aqui foi uma coisa que eu fiz recente, tá, tá bem da hora, mano. Você tem essas moedinhas para você coletar aqui, ó. Então você não vai ficar mais andando à toa pela cidade, você vai coletando as moedinhas. Eita, errei, errei, errei, errei, moleque! Errei, moleque! Então aqui deixa eu pegar minha moeda. Cadê, cadê as moedas? Vem cá. Então, o scroll do mouse vai aumentar sua velocidade, tá? O scroll do mouse vai aumentar sua velocidade. E aí tem as moedinhas amarelas que dão bastante ponto. As moedinhas amarelas dão 25 pontos, tá? As roxas dão mais e as azuis dão 1 ponto. Beleza? E aí, normalmente, toda vez, todo dia, tem 40 moedinhas que ficam no mesmo lugar para todo mundo, cara. O mesmo lugar. Então você tem o score, né, do Líder Board lá todos os dias para você vir aqui dar uma olhada, dá uma olhada na cidade, pegar uma moedinha. Preciso fazer 50, eu já fiz 50. Mas, mano, isso aqui ficou muito da hora, mano. Isso aqui ficou muito da hora. Deixa eu virar aqui, ó. Epa! A galera tá pedindo, cara, para customizar o avião, para conseguir customizar o avião, customizar as coisas. Então eu vou adicionar cada vez mais, cara, customização aqui para você conseguir customizar suas coisas, mexer nas suas coisas, entendeu? Desce, desce, desce, desce, desce, acelera, fio! O Shift você dá um turbo. Tá bom. Já tem uma amarelinha aqui, ó, e eu vou terminar com essa amarelinha aqui, tá? Beleza. Aí, ó, então aqui ESC, dá um pause, e ESC de novo. Fiz 94 pontos, coletei 94. Eu tô no ranking 20 de 113. Deixa eu ver o leaderboard aqui, ó. Fiquei no ranking 20. De hoje. Fiz 94 em 2 minutos. Nossa, esse aqui fez 22 minutos, mano. Caramba, velho, caramba! Olha esse aqui, 128 minutos, uma hora e meia. Ele deve ter colocado, depois esquecido e voltou de novo. Muito da hora, mano, ver que a galera tá usando mesmo. Olha lá, hoje 113 pessoas já andaram aqui pela cidade. E pegar algumas moedas. Muito da hora, muito da hora, mano. Eu mesmo consigo usar o projeto. Como assim usar o projeto, mano? Não entendi. Aquela luz em cima do prédio, tem alguém codando então? Porque parece que eu vi uns 3 prédios com as luzes. Não, cara, essa luz que aparece em cima do prédio é a luz de quem já deu claim no prédio. Dá claim no prédio. No prédio, você dá um claim no prédio, é você— deixa eu mostrar aqui, ó, tá vendo? Essas luzinhas que aparecem aqui, ó, é quem já deu claim. Dá claim é quando você conecta a conta no GitHub, porque aqui na cidade funciona de duas formas: você pode adicionar o seu próprio GitHub ou você pode adicionar o GitHub de qualquer outro dev, cara. São informações públicas do GitHub, então você consegue. Então, por exemplo, O criador do CloudBot, ele tá aqui, ó, aqui, ó, esse carinha aqui, ó. Então você consegue adicionar o GitHub dele aqui, tá vendo? Só que ele não deu claim, ele não entrou na Git City e conectou no GitHub, entendeu? Então ele não deu claim no prédio dele. E aí quando alguém dá claim, ele fica com essa corzinha aqui, ó. Então esse aqui, ó, ele já deu claim, ele entrou, olha, ele tá Primeiro, aí você quer esse cara que tá roubando, é o primeiro do ranking. Ele deu claim no prédio dele, ele entrou na Gate City e deu claim no prédio dele simplesmente. Esse carinha aqui, ó, tá participando bastante lá na comunidade, ele comprou até um negócio para ele aqui, ó. Olha que da hora, deu estrelinha no GitHub, comprou lá as coisinhas para ele, um painel solar, comprou tudo. Ela tá no level 4, brabo, mano! O ranking 9, o nono no ranking, show! Outro comentário aqui, ó, deixa eu mover minha carinha para cá, mano, aqui para o lado. Boa! Buenas, massa o projeto, parabéns! Valeu, mano! Quando bati o olho aí, já pensei em usar para alfabetização de crianças, pegar os números na sequência, letras na sequência, procurar letras na palavra. Você fala pelo avião, mano! Mas, cara, hoje dá para fazer tanta coisa para ensinar as crianças com isso, cara. Tanto joguinho que professores conseguem fazer. Um professor mesmo, cara, consegue fazer um joguinho para as crianças usarem. Isso é loucura, mano! Isso é loucura! Então, guys, ó, trabalho de hoje vai ser isso aqui, trabalhar nessa extensão, conseguir publicar ela, tá? E se tudo der certo, a gente bater 40 mil devs aqui hoje. Tem 38.600, 38.600 devs adicionados manualmente, cara. Eu consigo conectar minha conta já? Queria fazer isso, cara. Você consegue sim, você vai entrar nessa idade, conectar seu GitHub, você não precisa fazer nada, é só entrar em The Git City. Deixa eu mandar o link aqui, ó, The Git City. Entra aí na cidade, conecta seu GitHub, é só fazer isso. Aí você já vai estar com prédio na cidade, entendeu? A extensão, a parte de ficar codando aqui ao vivo, que eu ainda tô desenvolvendo, isso aqui tá em local roxo ainda, tá? Essa parte da cidade dormindo aqui, ó, isso aqui tem local roxo, mas você vai vir aqui quando a gente, quando eu conseguir lançar, né? Você vai clicar aqui, ó, no City Sleeping, ou ver as pessoas que estão codando. Aí você clica em gerar API key, a gente gera uma API key para você. Então você instala a extensão, dá um Ctrl+Shift+P, pesquisa Git City para acertar a API key, cola a API key, pronto, seu prédio já vai estar conectado. Você codando já vai estar conectado, entendeu, pela cidade. Mas hoje você já consegue entrar, cara, é só entrar logar no seu GitHub e sucesso. Não tem, aí seu prédio já vai estar sendo criado aqui. Se não for criado, me avisa que tem, deve estar com algum bug e a gente corrige. Fechou? Muito bom, cara, muito bom. O projeto tá muito legal, tem muita gente. Um cara do Supabase falou que vai Pô, eu fiz aqui, ó, meus negocinho. Ah, tá, eu fiz local, tá explicado. Fiz local aqui, ó. Então já tá Clem Howard, já tem o meu, minha dele completada aqui, ó. Já fiz a dele na GitSira. Vocês já fizeram também? Deixa eu entrar no leaderboard aqui, ó, deles. Eu já tô aqui, ó. Só que eu devia estar com mais um, deve estar com algum bugzinho aqui, deve ser cache. Show, cara! Cidade tá muito rápida. Ontem eu fiz um post, né, no X. Você não sabe, cara, eu tô compartilhando tudo no meu X. É aqui que eu tô fazendo building public disso, tá? De tudo isso. É, aqui agora, lancei ontem a parte de levels. Então todo mundo tem um level na cidade. E por exemplo, ontem eu fiz um post, cara. Nossa, meu ex tá com 20 notificações, socorro! Então ontem eu fiz um post, cara, da mais técnico, da complexidade, porque a cidade saiu de 10 mil devs para 30 mil em 2 dias, cara. E aí já não tava aguentando mais, tava, tava tipo assim, um super beijo, não tava aguentando, cara, porque tava fazendo muita consulta, tá fazendo muitas coisas. E aí ontem eu consegui trazer, cara, uma, um load time da cidade de 32 mil prédios para 0,3 segundos. Antes era, antes tava demorando bastante, fazia muito API call. Então fazia uma, porque antes eu tava fazendo por chunk. Então eu carregava mil prédios por vez, que é o máximo que o Supabase aguenta por request. Então fazia 30 requisições para o Supabase, entendeu? A cada vez que a pessoa entrava na cidade, eu fazia 30 requisições para pegar os 30 mil prédios e plotar na cidade. E aí eu fiz um post, cara, é, tentei fazer de uma forma, não deu certo. Então quebrou, caiu o Supabase porque chegou a 100% de CPU, cara, foi uma bagunça. E aí no final, cara, o que que eu consegui fazer? No final eu fiz aqui, ó. Então agora eu tenho um cron que ele vai pré-computar os resultados da cidade em background. Então eu tenho um cron na Vercel que ele chama o Supabase, faz o compute de todos os dados e ele gera um JSON para mim. Então a cada 5 minutos ele gera um JSON para mim e salva no Superbase Storage. Então agora eu entro na cidade, eu não carrego mais tudo de uma vez, eu chamo só um JSON, cara, e ele me traz. Se eu vier aqui colocar JSON, olha lá, snapshot JSON. Então ele me traz um JSON, olha o tempo, 1 segundo para ele trazer a cidade inteira para mim. 3 megabytes, 3 kbytes, um JSON de 3 kbytes. Isso aqui é doideira, mano. E aí isso fica na Vercel e fica no cache. Então, tipo assim, nem chama o Supabase. O Supabase é chamado para pegar os 30 mil prédios a cada 5 minutos só. Então chama o Supabase, pega os prédios, salva esse JSON no cache da Vercel, e a cidade agora é carregada, tipo assim, em 1 segundo. Vou dar um Ctrl+Shift+R aqui, ó, e você vai ver que a cidade, ó, pum, plotou tudo. 30 mil prédios plotados na cidade. Na cidade inteira, tá tudo aqui, ó. Tem muito prédio aqui, mano, vocês não têm noção. 30 mil prédios em um segundo, foi um puta desafio técnico, mano. Passei uma dor de cabeça, galera dos prédios coloridos aqui, ó. Então, cara, foi muito legal. Esse carinha aqui tá com um prédio bem da hora, mano, olha. Ó, mano, tá muito bom ver a galera customizar os prédios, cara. Tá muito bom, mano. Esse aqui já achou o Coelho, já deu uma estrela no GitHub. Quando você entra no prédio, você já sabe de tudo, cara, que o cara fez na cidade, entendeu? Colocou uma, um edge para ele mesmo aqui, sabe? Uma imagem dele mesmo aqui no prédio dele, tá vendo? Olha que doideira. Eu consigo vir aqui, ó, tentar pegar essas coisas do meu prédio. Eu vou melhorar ainda muito essa loja, tá, de batalha lá. Quando a gente tiver que lutar, consegue pegar uns grafites. E a outra coisa que tem aqui, né, é a parte de edits, mano. A parte de edits tá absurda também, tá. Se eu não me engano, já tem mais de 30 empresas que colocaram ads na cidade. Isso aqui tá absurdo, tá absurdo. Quase meio milhão de impressão, 5 mil cliques, 1,1% de click rate, 33 mil devs. Olha lá o click rate, mano, o nosso tá muito grande, cara, porque não é uma ad, tá ligado? O adblock não bloqueia, um negócio dentro do jogo, mano. Você consegue colocar uma ad lá com seu aviãozinho, você consegue colocar um LED, um billboard, um rooftop e um blimp. Você consegue colocar tudo isso de ads. É um projeto muito da hora, mano. E agora é crescer, mano, agora é crescer, arrumar uma Tipo assim, fazer isso aqui, tipo assim, aproveitar, cara, esses devs e essas pessoas que estão aqui, cara. É aproveitar isso e criar uma comunidade, cara. Eu acho que o meu objetivo aqui é criar uma comunidade dev, sabe, de conseguir ajudar, de conseguir fazer as pessoas também conseguirem tirar algum proveito da cidade, cara. A gente tá expondo vários devs aqui, sabe. Então se vocês tiverem alguma ideia de como que a gente pode fazer para vocês mesmo dentro da cidade, sabe, conseguirem alguma coisa, mostrarem um projeto de vocês, mostrarem, conseguirem talvez emprego, cara. Uma coisa que eu tenho pensado bastante é como que eu colocarei uma empresa que dá para a gente mostrar, né, vagas aqui. De início, o que eu pensei foi colocar aqui no downtown, na cidade principal, um prédio um prédio de vagas abertas. Então aqui perto da minha torre principal, a Torre do Fundador, eu coloco um outro prédio aqui. É um prédio onde você vai clicar, minha ideia inicial, tá? E aí, em vez de você abrir um card do Dev, você abre uma barra de pesquisa com várias vagas que estão abertas de empresas que estão procurando desenvolvedores, cara. Então isso aqui é uma coisa que eu tô pensando, sabe? Que vai ser bem legal, tá? Um hard milk, que da hora! Olha o que o cara fez, mano! Olha o que que o cara fez, mano! O cara botou uma ad para contratarem ele. Ele é um desenvolvedor, ele é um designer gráfico. Isso aqui foi uma coisa— caramba, eu não tinha nem visto isso aqui, mano! Eu não tinha nem visto aqui, cara. Mas tem, mano. Pera aí, deixa eu mostrar para vocês aqui, ó. Bom dia! Nossa, quem chegou aqui? O Daniel! Fala, meu mano! Bom dia, cara! O brabo aí, ó. Daniel Lima, bom dia, mano! Bom dia, bom dia! Mano, o projeto mais divertido que eu já vi, mano. Tá divertido mesmo, cara. Tá muito bom de codar isso aqui. Tinha que ter um campo de busca para achar o prédio, mas tem, mano. Mas tá aqui, ó. Você procura qualquer usuário do GitHub aqui, ó. Qualquer pessoa, entendeu? Tá aqui. Minha cidade tá azul, é normal? É, cara, é o tema. Você só escolheu o tema. Vem aqui do ladinho aqui, ó. Tem 3, tem 4 temas na cidade. Tem esse azul aqui que é o principal. Tem o Sunset, e você pode escolher o tema, só você mudar aqui, ele já salva, já deixa salvo para você, tá? O Neon e o do Matrix. Esse aqui é o que eu mais gosto, é o último tema, e eu gosto de deixar ele verdinho. Você consegue fazer métrica de quantos cliques por ad o GitSite gerou? Sim, mano, eu tenho métrica de tudo aqui hoje, literalmente tudo. Pagou para colocar a Edge aí? Pagou, mano. Rymetric aqui, ó lá, o laranjão aqui, ó. E ele já falou, tá, ele já teve cliente do Git City, tá, cliente pagante que veio do Git City, você tem ideia. Você não sabe o que que é o Rymetric? Esse cara aqui, ó, um brother meu, lançou esse SaaS aqui, um SaaS muito bom, tá muito bonito, tá muito fácil. Aí, ó. Aqui, aqui, ó, isso aqui é os dados do GitHub, tá? Deixa só terminar de carregar aqui, ó. Gente, esse aqui é uma coisa mais absurda, mano. Nunca vi nada parecido com isso, cara. Os dados aqui, ó, esse aqui é o mundo inteiro, todo mundo que tá acessando o GitHub. Olha que doideira, é gente do mundo inteiro, mano. Mundo inteiro. E aí, ó, os visitantes. Aí você quer por visitante, tá? Não é nem page views, não é nem pessoas que visualizaram a página. Dia 27, 2.800, 1.000, 3.000, 1.600. Aí vem dia 3 de março, 13.000 pessoas acessaram Get City. Ontem, 24.000 pessoas acessaram Get City. E hoje, dia 5 de março, Já 7 mil pessoas acessaram a Git City. Eu tô falando de usuários, usuários de verdade, tá? Aí, ó, os usuários recentes, de onde que veio, ó. Direto, 21 mil. Google, 15 mil, mano. 15 mil vieram pelo Google. Isso aqui é loucura. Twitter, GitHub, Instagram, LinkedIn, Tab News, Bing. Tem tudo aqui, ó. E aí, olha a coisa mais louca, mais louca. Por causa do vídeo do indiano que postou e deu 1 milhão de views. Acho, índia passou o Brasil. 20 mil indianos acessaram Get City. Doideira, né? Tá chegando a 1 milhão de impressões de ads, 107 mil prédios clicados, 107 mil pessoas que clicaram nos prédios, 28 mil pesquisas utilizadas. 12 mil perfis vistos. Não tem muita coisa aqui, cara, tem muita coisa. Aqui, ó, quase 6 mil de cliques em ads, 6 mil cliques. Isso aqui é absurdo, mano. Isso aqui tá dos últimos 7 dias, tá? Olha, eu tô, tá pouco ainda. Se eu vier nos últimos 14, que tem 2 semanas, projeto Vamos ver, esperar carregar. Recomendo demais, tá, o Highmetric do Wesley, cara, é brabo. O sistema tá muito bom, muito bem feito. Ele tá melhorando ele cada vez mais ainda. Aí, ó, 67 mil pessoas já visitaram a Gate City. É isso, guys, simplesmente o projeto. Simplesmente o projeto. Até um brinde, mentions aqui, ó. Que legal, nem sabia disso. Vai ver todo mundo que deu mention aqui, ó. Que legal, mano. É isso, meus amigos. Agora esse aqui foi muito bom, tá? O cara simplesmente botou um hire me aqui, ó, para contratar ele. Voltei, tava na dele, comentei sobre a empresa, vai me liberar usar o Cláudio. Aí, garoto, boa, meu amigo! Agora é só felicidade. O Cláudio é bom demais. Opa, cheguei! Qual que é a stack? Next.js. Supabase, 3JS, nada mais que isso. E o meu amigo Cloud Code mais VS Code, só isso a gente constrói essa cidade aí. Esse Tecnoprojeto GitHub, é isso aí. Vamos chegar a 2.500 aqui, ó. O próximo objetivo é chegar a 2.500 estrelas no GitHub. Falta pouco, tá? Falta 194. Eu ainda não entendi por que que a gente não entrou no trend do GitHub, tá? Não recebi nenhum e-mail ainda. Já fiz uns posts lá no X sobre o trend. A gente não tá em trend, cara. Se eu entrar aqui, ó, se liga, se eu entro aqui no projeto da Git City e eu pego as minhas estrelas, cadê GitHub star history? Olha isso aqui, ó. Olha isso aqui, guys. Doideira, né? O tanto que subiu, mano. Agora me explica por que que eu ainda não tô aqui. Eu não sei, mano. Eu não sei porque que eu ainda não tô aqui. Não sei porque que a Kitty Sira não tá aqui ainda, de verdade. Não tá nem aqui no histórico de weekly, porque com certeza nessa semana— deixa eu ver se aqui eu tenho, tem como pegar a semana. Enfim, eu tenho certeza que a gente tem mais de 1100 estrelas nessa semana, tem quase certeza, tá? E também a gente não tá no trend no GitHub, cara. E eu não sei por quê. Quando a gente vem aqui em Explore, a gente vem trending. Olha as coisas que aparecem aqui, mano. EngX Formula, esse aqui é baseado no meu interesse, né? Mas eu quero saber do trending, mano. GitHub trending, vamos ver. Quando a gente vem no trending aqui, ó, um projeto que tem 6 estrelas hoje, tá? A gente vem aqui num projeto desse, tem 6 estrelas, 36 contribuidores. Da Microsoft tá aqui no trending. Eu não tô entendendo, mano. 200 estrelas hoje. Aqui, ó, como é que isso aqui tá aqui, mano? Me explica. Do Git Series já tem mais de 2 mil estrelas, já tem uma porrada de fork. Cadê? Cadê? 111 forks. 2.300 estrelas, já tem, já tá, já tô meijando por request, já tem 7 contribuidores aqui. E até agora a gente não entrou no trend do GitHub, mano. Eu não sei o que que eu preciso fazer para entrar aqui, cara. Preciso pagar, deve ser, preciso pagar alguém, né? Só pode. Olha lá, outra aqui, ó, 161 estrelas hoje. Olha lá, projeto feito com 74 contribuidores. Não sei, cara, não sei o que eu preciso fazer para chegar aqui não, mas a gente vai chegar, a gente vai fazer barulho. Já tem gente marcando GitHub lá e é isso, vamos chegar lá, bora, a gente chega. Eu quero conseguir chegar aqui também no Star History aqui, ó, vou ver o que que precisa fazer para chegar aqui, ó, mas você quer no weekly Open Cloud é absurdo, velho. Open Cloud é absurdo. É isto. Depois eu vou mandar um, um X para esses carinha aqui também. 4 horas para ver se eles compartilham também. Elas têm 1.700 seguidores só. Enfim, guys, bom, é isso sobre a Git City. Agora a gente vai falar bastante sobre a Git City aqui no canal e eu vou sempre atualizar vocês aqui, fazer live com vocês, tá, para a gente tá falando sobre isso. Ainda não consegui fazer um vídeo, cara, para o YouTube. Ainda não consegui, cara. Não sei como que eu vou fazer esse vídeo, o que que eu vou fazer. Mas tem 2 semanas de projeto só, e essas 2 semanas eu fiquei bem focado aqui nas coisas do projeto, tá? Então se eu ficar parando para fazer vídeo, para fazer coisa, editar, gasta muito tempo, cara. Fazer vídeo aqui para o YouTube gasta muito tempo, vocês não têm noção do trampo que é para fazer. Então ultimamente eu tenho focado bastante aqui no Git City, tem sido bem legal. E é isso, cara, vamos crescer. Eu quero sim, eu quero muito fazer um vídeo aqui contando sobre a história, contando como que eu tô fazendo isso, tá, para a gente ir fazendo essas coisas junto aqui, beleza? E é isso, guys, compartilhem com mais pessoas. Eu vou fechar a live aqui por hoje, beleza? Depois talvez eu coloco uma live aqui só de mostrando a cidade aqui ao vivo. Não sei se você sabe, tem como— uau, tem como você deixar a cidade aqui no wallpaper. Olha que da hora, você não consegue clicar em nada, só fica aqui a cidade. Aqui você consegue usar, tem um wallpaper na Steam, você consegue baixar para deixar isso aqui como fundo de tela do seu computador, tá? Só avisando. Por isso que eu fiz essa telinha aqui do wallpaper, não mostra seu mouse nem nada. Você mexe o mouse para um lado e para o outro, ele dá só um parallax aqui. E é isso, você consegue colocar uma musiquinha, tá? Chegou aqui, ó, Bruno. Rapaz, muito legal isso aí, hein? Cair de paraquedas, meu amigo, já cai de paraquedas e já bota seu prédio aqui na cidade. Acessa The Git City, coloca, faz o login no seu GitHub aí e coloca seu prédio. Coloca seu prédio aqui, dá uma estrela no GitHub para você ganhar uma estrelinha lá em cima do seu prédio. Voa pela cidade para ver o prédio da galera. Aí, ó, sai voando pela cidade aí. Você viu o prédio da galera enquanto você tá voando, você consegue clicar. Caramba, esse aqui parou de codar muito tempo. Você consegue ver, dá um cudo. Já atingi o limite de cudo hoje. Consegue ver o perfil do Dev, ver o que que ele tá fazendo lá. Ele tá no level 2, console.log. Falta pouquinho para ele chegar. 37 mil contribuições, fechou. Uma boa pergunta, mano, dá para trocar o tema do wallpaper? Dá sim, mano. Wallpaper, deixa eu ver aí, ó. É só você colocar o nome do tema, tá? E aí você tem que pegar o nome do tema aqui da cidade, porque eu não lembro de cabeça não. Esse aqui é o Esmeralda. Que é o padrão, tem um Midnight. Então você vem aqui colocar Midnight, ele vai abrir no tema azul, tá? Então é só você colocar um time aqui que ele muda. Quais tecnologias, cara? Next.js, 3JS e Supabase, tá? Tudo feito só com isso. O projeto é open source. Tá? E você consegue dar uma estrelinha lá no GitHub, ver tudo que eu fiz. Isso aqui foi 100% web codado, só para deixar bem claro, 100% web codado com Cloud. Não mexi em uma linha de código nisso aqui, por isso que eu consegui fazer tão rápido, tá? Como faço para dar clean no prédio? Dá clean, é só você conectar o seu GitHub, mano. É só você entrar aqui, fazer o conectar o seu GitHub, e aí você vai dar o clean e seu prédio já vai aparecer com essa esse negocinho aqui, ó, em cima dele. É só você dar claim aí, ó. Já deixei meu prédio lá. Boa! Compartilha com a galera, faz batalha com a galera aqui, ó. Como eu já falei, tem como você batalhar. Então você seleciona alguém aqui, ó, clica em Battle, você vai ganhar XP se você ganhar, tá? E aí o seu ataque, ele é baseado no seu número de commits, seu stick aqui dentro, sua ofensiva aqui, né, dentro do, da Git City. Ikudos, a galera que tá te dando parabéns. Show! Estava pensando em fazer a cidade do Job. Não, cara, faz isso não, mano, pelo amor de Deus. Então beleza, já foi. É isso, guys. Valeu todo mundo que acompanhou a live de hoje, fechou. Vou continuar codando, vou continuar trabalhando aqui na Geek City. Tá? Me ajuda aí, ó. Vamos chegar a 40 mil hoje. Compartilha com a galera, manda no grupo. Ontem o cara mandou mensagem falando que estava fazendo competição lá na startup dele para ver quem tinha um prédio maior. Você acredita, mano? Os cara fazendo competição, mano. Ah, tem como você comparar também, tá? Então você consegue clicar no prédio de um dev aqui, ó, clicar em compare e pesquisa. Pesquisa o seu, por exemplo, esse Rizon. Você consegue comparar. Aí, ó, caramba, tá tão longe que não dá nem para ver o prédio um do outro, cara. Mas se você clicar no prédio, clicar em comparar, aqui, ó, compare. Pronto, comparando os prédios aí, comparando os prédios. É isto. Olha, o live coding vai ter, mano. Eu quero fazer o live coding, mas hoje não vai dar. Hoje eu não vou conseguir codar muito, mano. Por quê? Porque eu estou com 99% do meu limite semanal com Cláudio. É sério, cara, cheguei a 99% dessa bagaça, velho, na semanal, tá? Não é nem o mensal. É o semanal. Mas para falar que eu não tive um live code, mano, deixa eu jogar aqui para vocês, ó. Aqui, ó, Git City, tudo aqui. Como que normalmente eu tenho trabalhado, tá? Aqui, ó, deixa eu dar um clear. Eu trabalho assim, ó, só mostrando para vocês a parte do cloud aqui. E eu vou abrir. E aí, normalmente, cara, eu vou sempre usar uma parte do cloud que vai estar codando. Espera aí que vocês não estão vendo não. Espera aí, espera aí. Replace window entire screen. Boa. Então aqui, ó, meu workflow de trabalho, tá? Meu workflow de trabalho é esse aqui, ó. Eu não fico mais mexendo em código. Eu abro duas seções no cloud, normalmente eu abro até mais, tá? Então eu vou duplicar aqui, ó, e vou abrir mais duas seções aqui. Então eu fico com quatro seções do cloud aberta. Uma vai estar rodando infinitamente, vai estar metendo marcha no código aqui. A outra eu vou estar planejando, tá? Vou estar planejando com o Claudio. Então eu sempre uso uma skill de brainstorming, que chama, uma skill muito boa, que ele me ajuda a pensar nas coisas. E aí outras duas aqui, ó, eu sempre vou deixar uma para fazer os commits. Então toda vez que eu preciso fazer um commit, eu dou um /commit, ou para ajustar alguma coisa rápida, fazer um fix. E a outra também, para caso eu precise de alguma coisa, eu preciso planejar alguma outra coisa. Ou fazer um teaser. Então, por exemplo, se liga, se liga no fluxo que eu arrumei. Deixa eu entregar o ouro aqui antes da live terminar para vocês voltarem na próxima, tá? Tô entregando o ouro aqui, mostrando para vocês coisa que ninguém ainda tá sabendo como que eu tô fazendo toda essa parada aqui, ó. Mas se liga, deixa eu mostrar para vocês. Presta atenção nisso, deixa eu mostrar para vocês meu ex. Concentra no meu ex. O meu perfil do Twitter, você vai ver que, por exemplo, ontem eu lancei isso aqui, eu fiz esse post aqui, ó: seu código agora tem um level, agora cada commit, check-in, raid, kudos, você ganha XP. Então você vai do local host para founder, tá? Você procura o seu GitHub e acha seu rank. E agora olha isso aqui, mano, olha essa imagem. Tá, você acha mesmo que eu fiz essa imagem? Claro que não, mano. Mas olha aqui que imagem boa, cara. Então não só essa imagem, ó, não só essa imagem. Eu vou voltar aqui, ó, e eu vou mostrar para vocês, ó. Essa aqui, 0.3, tudo na identidade visual do Git City, tá? 0.3 aqui, ó, Daily Missions, quando eu lancei a parte de Daily Missions. Olha a imagem, mano. Olha isso aqui, velho. Vou abrir imagem nova guia aqui, ó. Zero, ó. Olha que imagem perfeita, mano. Nova funcionalidade dele, ele fez um mockup aqui, ó, das negócio de Git City ponto com, tá? Como que eu faço isso? Como que eu faço isso? Se liga, eu entro aqui no cloud, cês tão vendo minha tela, né? E outra coisa, eu não tô digitando mais, tá? Eu tô só falando. Então vou apertar um botão aqui, vai aparecer um microfone aqui, eu vou falar, tá? Eu vou apertar a barra teaser. E agora, o que que eu vou falar? Quer ver? Eu quero falar que a gente tá— eu quero fazer um teaser e um post no X falando que a gente tava em live com mais de 20 pessoas na live, tá? Então aqui, ó, vou apertar e vou falar: eu quero fazer um post no X com teaser falando que a gente tá em live agora com 20 pessoas na live. Pronto, ó, barra teaser, apertei um botão, falei, apertei Enter. Olha o que que o Cláudio vai fazer. Apreciem sem moderação isso aqui, ó. Deixa eu fechar esse outro terminal aqui, ó, só para mostrar para vocês o poder do cloud. Quando eu falo com vocês, mano, paga sem dó cloud. Eu tô pagando R$600 pelo plano de 5x e como eu cheguei no limite, eu tô quase pagando o plano de R$1.000, tá? Agora, o que que ele tá fazendo? Já li os teasers existentes. O Live Thursday foi thumbnail 1920. Agora vou criar um 1200 por 675 diferente, com layout de broadcast ao vivo, com contador de espectadores. Apreciem sem moderação o nosso amigo Cláudio trabalhando. Não tô fazendo nada, tá? Tô fazendo nada. Mandei um /teaser, gravei um áudio e apertei Enter. Foi só isso. Ele vai trabalhar, ele vai demorar um pouco mais, mas já saiu alguma coisa. Dou um enter aqui. Ele acabou de criar um arquivo HTML e agora ele está abrindo esse arquivo HTML para mim. Acabou de abrir na minha página aqui. Deixa eu abrir aqui para vocês verem. Olha o que acabou de abrir na minha página. Eita, não é tudo não, pera aí. Aqui, olha o que que acabou de abrir na minha página. Ele falou que, olha lá, ele abriu, deu um open, "poster aberto no browser", aqui estão duas opções de Twitter: "We are live right now, building Git City, 20 devs assistindo, venha". Então eu posso copiar e aí o teaser já tá aqui, ó. Git City Live Now, 20 devs watching the city. Ele fez até um negocinho aqui que eu posso gravar lá, ó, Masters 2024, um hack aqui em cima. E o melhor, eu venho aqui embaixo e faço copy SPNG, copia. Eu venho no X Post, colo, a imagem já tá aqui. E eu venho aqui no Cloud, copio e colo. Tem que só corrigir aqui, ó. Preciso falar mais alguma coisa, guys? Todas as features, todas as coisas que eu faço, eu simplesmente peço o Cloud para ler os meus commits e criar um teaser para mim postar sobre isso. Então tudo que vocês estão vendo aqui, ó, no meu X, ó, dele, missions, VS Code Extension. Eu tava com essa ideia, eu criei o plano dessa ideia e eu falei: Cláudio, cria um teaser para isso, para mim falar que eu tô pensando. Ele simplesmente fez isso aqui, um vídeo. Eu coloquei para gravar minha tela e ele me deu um HTML disso aqui, ó. Eu só gravei minha tela do meu teaser. Olha lá, VS Code Extension, um prompt. E ele criou isso, um prompt. Gráficos. Nossa, esse aqui é muito bom, eu vou fazer esse aqui, ó. Pera aí, clear, vou dar um clear. Barra teaser. Vamos fazer agora o post do gráfico de quantos devs entraram nos últimos dias na Git City. Pode usar a mesma ideia dos outros posts, tá? O gráfico em barras. E eu vou te mandar os dados atualizados aí. Beleza, gravei. A única coisa que eu vou fazer agora é só vir aqui no meu Supabase para eu rodar um comando para pegar os dados atuais dos devs, tá? Eu tenho um SQL aqui, daily developer sync up. Beleza, então eu copio Shift+Enter e colo. Ontem 7 mil, ontem foi 14 mil devs entrando na cidade e hoje já foram 5 mil. Não é template, é um HTML que o Cloud tem e ele salva tudo aqui para mim, ó, em /docs. Marketing Teasers. Se eu abrir essa pasta aqui, ó, deixa eu abrir aqui, eu vou abrir o teasers e vou abrir tudo. Tem todos os meus teasers que eu fiz aqui, ó. A Git City agora tem uma voz falando Discord. Git City The Game coming soon. O Claudio criou isso aqui, tá? Esse bonequinho andando aqui, ó. O que que eu tô planejando? Merch Store, tô planejando uma loja do Git City, tá? Se vocês não sabem, ó, Shop de Git City. Olha o que que eu tô planejando. Isso aqui ninguém tá sabendo ainda, tá? Isso aqui é de primeira mão. Vocês comprariam? Vocês comprariam a camisa do Git City? O catálogo, tô planejando, tá? Pai tá, pai tá onde desenvolvendo aqui, ó lá, zero day do prédio, já fez um push hoje. Você construiu isso, the root. Aí, ó, commit. Essa aqui foi a que a galera mais votou, tá? Se liga. Eita, ele acabou de criar aqui o gráfico de hoje, mas espera aí, ó, a camisa de commit. Git add, git commit, trust me, git push force. Olha que da hora! E atrás, um Git City, de gitcity.com. Aí, ó, tô trabalhando nisso, tá? Lojinha, ele acabou de fazer aqui, ó lá, ó, novos devs por dia. Se liga, mano, olha ontem, 14 mil, ó, 39 devs. E eu não gostei, cara, eu não gostei disso aqui. Que que eu vou falar para um Cláudio? Eu não gostei, cara. Você colocou muita informação, tem muita letra pequena, e eu preciso só do gráfico. E pode colocar o gráfico dos últimos 7 dias, não coloca de todos os outros dias. Eu quero gráfico dos últimos 7 dias. É, e é isso. Então foca no gráfico, foca no número total de devs, que eu vou compartilhar isso no X. Quero compartilhar só isso. Guys, é assim que eu converso com o Claudio, foi assim que eu fiz a guia de SEO inteira. É assim que eu tô fazendo, ó. Esse shop é Shopify, eu crio do zero com Claudio, é Shopify, eu tô usando a Shopify. Só que tudo que eu fiz aqui, ó, pera aí, deixa eu pegar mais coisa ali, ó. Roadmap aí, ó, eu quero nesse nível aqui, ó. Qualquer coisa, se ele não conseguir, é o que a gente fazer agora. O que eu fiz agora para thumbnail da live, tá, fiz também com o Claudio. Em 5 minutos fiz um prompt para ele, pedi para ele o que que ele tinha que fazer e o que ele lançou agora. Agora outra coisa aqui, ó, tudo que eu fiz aqui, ó, nesse shopping, todas as imagens das camisas foi o Claudio que fez. O Claudio, não o mockup, tá, todas as artes das camisas foi o Claudio que fez. Olá, acabou de lançar aqui, ó. Pronto, tá feito. 38 mil devs na cidade. Os últimos 7 dias, ó: 1.400, 800, 1.200, 900. Ontem, ontem 7 mil, ontem 7, 14 mil, e hoje 5.200. Git City, thegitcity.com. Eu clico aqui em cima, ó, copy PNG. Eu venho aqui no meu X dou um paste, eu venho aqui no meu cloud e eu pego aqui, ó, esse aqui é o HTML que ele gerou. Esse aqui é o HTML, cara, nada mais que isso. Eu vou falar com ele, ó, show, ficou legal. Agora eu quero só o texto para mim postar no X. Faz um texto mais legal, não gostei do que você me mandou não. Não, cara, esse aqui não é função do Mac, tá? Isso aqui chama Whisper Flow. Eu ainda tô no Pro, tem 7 dias grátis, mas é absurdo. E o Cloud tá lançando uma funcionalidade disso daqui a pouco, tá? Então eu não tô preocupado em pagar isso aqui. Mas olha lá, ele gerou 3 opções, ó: 38 mil devs, 14 em um único dia. Eu criei um site, transforma seus This what happened. search username.github.com. É isso, vou copiar isso aqui. Copiado. Eu venho no X, colo, e é isso, tá pronto para postar. Esse é meu fluxo com o cloud. Search for Zenay Medgit, git.com. Postei, quero nem saber. Tá postado aí. Então, galera, não tenho mais o que falar sobre o cloud, tá? Criou, beleza. Deixa eu fechar aqui. Isso é só para mostrar para vocês o que que a gente consegue fazer com o Cloud. Fiz todas as imagens das camisas também. Deixa eu ver se eu acho aqui a parte das camisas, cara. Docs, Shop, aqui, ó, se liga, ó, olha isso aqui, guys, olha isso aqui, olha isso aqui, tá vendo isso aqui? Esse aqui foi o Cloud fazendo todos os modelos das camisas. Da Git City. Ele fez o modelo, ele fez o nome, a descrição da camisa, o que que vai ter na frente, o que que vai ter atrás. E eu só— e ele fez um botão para eu baixar em PNG, em SVG ou PNG. Foi assim que eu fiz. Então, a parte da frente e a parte de trás da camisa. O building, esse modelo de um prédio nas costas. Esse modelo aqui Onde código cria cidades. Esse modelo de comentário, no comment. Esse modelo de The Root, isso aqui é uma coisa que eu vou lançar no futuro ainda, tá? Modelo de zero day push, 10.000 buildings and counting. Night Shift Hank, ó, essa aqui eu pedi para fazer para mim, tá? Essa aqui e essa aqui, ó. Register a citizen, cidadão número 1 da cidade desde 2026. Então eu falo para vocês, cara, vocês não sabem, vocês não têm noção ainda do poder do cloud. Vocês não estão sabendo usar o cloud direito. É isso, esse é meu fluxo. Entreguei o ouro para vocês, vocês que se virem para saber o que fazer com essa informação, tá? Só quem tava nessa live que viu. Eu não vou divulgar isso ainda para ninguém, e eu pretendo fazer isso, um vídeo sobre isso, só para os membros do canal, tá? Eu não vou sair compartilhando isso aqui. Isso aqui é coisa de curso pago, que a galera vende para falar um negócio desse, para mostrar isso aqui, tá? Então se liga, mano, é isso. Eu preciso ir, já são 10:30, tá? Já são 10:30. Eu tô no fluxo muito louco com o Claudio. Obrigado por todo mundo que participou da live, todo mundo que entrou na live aqui hoje. Isso aqui é ouro. Compartilha esse vídeo com a galera, fala, mano, assiste até o final, ou manda para eles lá o final para eles verem como usar, como que eu tô usando o cloud. E é isso, guys, usem o cloud, não tenham medo. Ah, isso, e só respondendo vocês aqui, ó, vou deixar para para deixar aqui. Cadê, cadê, cadê? Cadê? Deixa eu pegar aqui, ó. Deixa eu ver os comentários. Tem um cara que mandou um tanto de coisa que eu não consigo ler aqui. Eu acho que foi emoji que ele mandou, mano. É emoji, isso mesmo, muitos emojis. Deixa eu ver aqui, ó. A lenda do Git Siri aqui. Git Siri é pago? Não, não é pago. Deixa eu dar um stop share aqui, ó, que a gente já tá finalizando a live por hoje. Mas deixa eu responder as últimas perguntas. Git Siri é pago? Não, mano. Mas você consegue comprar coisas na loja, você consegue colocar ads na loja também, tá? Puts, eu esqueci de compartilhar no Instagram que eu tô em live, mano. Tô com 1000 seguidores lá, perdi oportunidade. Esqueci mesmo, tem que compartilhar no Instagram depois. Rapaz, por isso que eu não arrumo meu estágio. É foda. Eu pago o plano de $17, é bem pouco, mano. Você não consegue fazer quase nada disso com os planos de $17. Que isso, absurdo! É isso, absurdo. É uma skill, sim, uma skill que o próprio Claudio criou. Eu falei o que eu queria, o Claudio criou uma skill e ele se virou para fazer. Vendo isso me dá um pouco de medo e me faz duvidar dos meus estudos. Mano, você tem que estudar agora e como que usar o seu favor. É isso. Irado, fiquei muito tentado com isso. E a gente fica mesmo, e é um vício. Eu estou addicted to cloud. Muito foda. Cria para mim também, é um skill, mano. É uma skill, ele vai criar qualquer tipo de imagem que você quiser, mano. Eu usei para criar imagem da camisa, eu usei para criar imagem para eu postar no X, mas você pode usar para criar qualquer tipo de imagem, cara. Ele cria um HTML, é um HTML, deixa eu deixar isso claro. O Cloud cria um HTML e você pede ele para colocar um botão para você fazer o download. O Cloud faz, cara, confia, ele faz. O cara vai ficar milionário, amém. Como faz para falar com Claudinho? Whisper, Flow, tem vários outros, mas o Claudio vai lançar isso nativamente e eu vou amar isso, cara. Meu Deus, esse que cria o Teaser Skill cria para o Insta também? Sim, acabei de responder. Eu que criei skill, mano. Acabei de ver que você mandou aqui, ó. Qual que é o nome da skill, mano? Eu que criei esse skill. Eu virei para o Claudio e falei: Claudio, eu tô precisando fazer um algumas imagens para um negócio, eu preciso que você faça um HTML para mim. Eu pedi ele e o Claudio mesmo criou a skill, e o Claudio mesmo usa skill para criar as coisas agora. E você vai refinando a skill, essa skill tá salva aqui no meu computador. Mas é o que eu disse, eu pretendo fazer um vídeo para os membros do canal mostrando todo esse processo, compartilhando a skill. É lá onde que eu compartilho todas essas coisas que eu uso com Claudio. Se você não é membro do canal ainda, se torne membro aqui do canal, R$7 por mês, mano. R$7 por mês. É uma forma de você me ajudar a continuar produzindo conteúdo. Eu faço tudo isso aqui, entrego todas essas coisas aqui, fala para vocês aqui na live. E cara, é uma forma de você me apoiar. Eu tô compartilhando com vocês, cara. Talvez isso aqui literalmente vire o meu trabalho, cara, criar conteúdo e compartilhar conteúdo. É possível que a guia vire o meu trabalho, cara, mas isso tudo vai depender de quanto eu conseguir começar a receber por isso para ficar full time nisso, cara, entende? Então é o apoio de vocês, cara. Eu, tipo assim, eu não consigo pagar minhas contas sozinho, cara. Eu ainda trabalho no meu emprego normal e eu vou ir para o trabalho agora. Eu já tô atrasado, por isso que eu tô correndo aqui. Mas é isso, guys, é isso. É, tá usando shader para montar cidade? Tô usando 3DS, mano. Não sei nada de jogo, tá? Não sei nada de game, nunca usei 3DS na minha vida. Foi o Claudio que fez tudo isso, deixando bem claro, mas eu fiz bastante coisa direcionando ele. Mano, esse projeto tá muito foda. Futuramente faz um hackathon gerenciado pela Git City. Vou entrar em contato com o cara que faz hackathon, sim, mano, pra gente fazer um puta hackathon pra Git City. Ia ser muito foda, mano. Você criou um ambiente lindo com o Claudio, isso tá maravilhoso. Dá vontade de dedicar a vida pra esse projeto. É isso, mano, dá vontade mesmo, de verdade. Só que ainda não paga minhas contas. E eu tenho que fazer outras coisas. Enfim, me apoiem, cara. Vire membro, compra coisa lá na cidade, compartilha, fala para sua empresa colocar uma ad lá e vamos embora. Você tá doido? Eu participo. Você tá doida? Eu participo. Imagina toda cidade fazendo hackathon. Boa, mano, parece tudo tão organizadinho, mano. Você vai fazendo, cara, e vai montando as coisas. Não sei mesmo, acabei de ver que eu não sei usar o cloud. É, meu amigo, o que que vocês acham de eu fazer um curso do cloud? Pois isso aí seria uma boa também, tá? Fazer um curso do Cloud Code, mostrar como que eu fiz o Git City. Qual que é o nome da skill? Já respondi. Fora da curva, muito foda. É isso, mano. Galera, última coisa aqui, ó, é eu tenho uma comunidade no WhatsApp Grupo no WhatsApp, comunidade do próprio canal aqui do YouTube, tá? Então se você quiser participar da comunidade no WhatsApp, clica aqui nesse link, tá bom? Eu vou mandar aqui também no chat esse link, beleza? Vou mandar no chat esse link e aí entra lá, eu aprovo você lá e a gente tem quase 300 devs lá, uma comunidade do próprio canal do YouTube, tá bom? 100% gratuita. Beleza. O que que é o GitHub? Cara, você vai ter que voltar live para você ver, mas é a cidade dos devs. Entra lá, thegitcity.com, conecta seu GitHub, e é isso, galera. 32 pessoas, cara. Eu queria muito continuar aqui, mas eu tenho que trabalhar, eu tenho que ir para o meu trabalho normal. Eu sou um dev normal, tá bom? Eu faço o meu trabalho, é o que paga as minhas contas. Mas queria muito continuar aqui, cara. Se eu pudesse, ficava aqui o dia inteiro com vocês fazendo live. Tem 32 pessoas e eu agradeço para caramba o apoio de vocês, mano. Agradeço para caramba o apoio que vocês estão dando nesse projeto. Vamos criar uma puta comunidade de dev, mano. Vai ser a maior comunidade de dev do mundo, cara. Vai estar no Git City. A gente vai fazer isso acontecer, mano. E eu tô muito empolgado com essa parada, tô muito empolgado com essa parada. Quero nem saber, a gente vai fazer isso acontecer. Entra no Discord da Git City, tá lá dentro do projeto, e bora fazer isso acontecer, mano. É só isso que eu quero. Git City aqui, ó. Bora fazer isso acontecer, ó. Essa é a nossa querida Git City. É isso, guys, vamos fazer isso acontecer. Entra na Git City, faz suas coisinhas lá, compra uma coisinha, cara. Tem coisa lá de $1, é R$5, mano, para você comprar uma customização. Essas são as pequenas coisinhas que vão me ajudar a continuar mantendo o projeto, mano, porque eu já tô com o projeto no Super Base com CPU no raio, tá? Já tá dando $58 por mês no Superbase. Não, tá dando até mais que isso, que eu já pago os 25, já vai dar uns $100 por mês de Superbase, porque tá tendo muito acesso, a galera tá acessando muito, e eu tive que aumentar muito a questão do CPU, não tava aguentando. Então tem CPU, tem a Vercel que eu tô pagando, Vercel, tem um recente que manda e-mail. Então, cara, já tem quase mais de R$1.000, se eu não me engano, de custo aí para manter esse projeto. Depois eu vou compartilhar isso direitinho, eu tenho que contabilizar tudo certinho. Mas manter um projeto desse tem custo, cara. E tem custo tanto do projeto, tem custo meu com cloud também. Eu pretendo, cara, se isso começar, se o projeto começar a se pagar, né, eu pretendo aumentar a minha, a minha, o meu cloud para eu conseguir entregar mais. Porque eu acabei de chegar no limite da semana e, cara, eu não vou ficar fazendo tudo isso manualmente, cara. Então é botar o cloud para cima, botar o cloud para codar. E é isso, guys. Semana que vem a gente tá aqui, tá bom? Semana que vem, na toda quinta a gente tá aqui, quinta de manhã. E eu vejo vocês na Geek City, tá? Vou lançar a parte da extensão, tudo der certo hoje ainda, se for aprovado lá. E a gente se vê na cidade, vejo vocês nas ruas. Esse é meu lema: te vejo nas ruas. Fechou, galera? Brigadão, Deus abençoe vocês, bom trabalho para todo mundo e vambora! Tamo