EU GANHEI R$5.000 EM 1 MÊS TRANSFORMANDO COMMITS EM PRÉDIOS

A Git City é uma visualização 3D onde prédios representam perfis do GitHub, com altura baseada em contribuições. O criador ganhou R$5.200 em um mês com monetização via Stripe e anúncios, suportando 68 mil edifícios e 126 mil visitantes usando React, Three.js e snapshots JSON comprimidos.
Chapters
Eu transformei 68 mil perfis no GitHub em uma cidade 3D. Cada prédio que você tá vendo aqui nessa cidade é um desenvolvedor real. E nesse vídeo eu vou te mostrar como que eu fiz tudo isso sozinho, somente usando inteligência artificial. Então essa aqui é a Git City, a gente apelidou ela de Cidade dos Devs. Cada prédio nessa cidade é literalmente um desenvolvedor, uma pessoa, um perfil no GitHub. Então quando alguém conecta a conta do GitHub aqui na cidade, um prédio é construído. E quanto mais contribuições você tem no GitHub, maior é o seu prédio. Dá uma olhada nos prédios mais altos aqui da cidade. Então o prédio mais alto é do criador do ClaudeBot, é o Peter. Então alguém colocou o prédio dele aqui. Um prédio que a gente tem aqui é do Linus Torvalds. Então a gente consegue ver aqui, olha, o prédio dele, ó, que foi atacado por alguém. E eu tive a ideia de criar isso aqui há um mês atrás, quando eu tava lá no X navegando pelo X, e eu vi esse post aqui, ó, building public. Então eu fiz um post, eu vou fazer um site 3D, você conecta seu GitHub, coloca a sua cidade, ele começa a construir prédios baseado no seu histórico de commits. Então eu fiz esse post aqui, ó, no dia 19 de fevereiro foi quando eu vi o post, eu fiz esse Twitter aqui. E aí no outro dia, ó, no dia 20, eu já fiz, ó, fiz uma cidade parecia o SimCity. Então aqui, ó, foi bem o início da Geek City, ó. A gente tinha um aviãozinho aqui que ele viajava pela cidade e tudo mais. Então tinha poucos prédios aqui. Hoje a gente já tá com uma cidade gigante, cara, uma cidade aqui já tem 68 mil prédios. Cada prédio aqui, tudo isso foi feito organicamente, eu não gastei um centavo com marketing e explodiu nas redes sociais. Eu vou mostrar para vocês todos os números aqui da cidade, mas hoje na cidade você consegue andar de avião, você consegue também comparar outros prédios. Então você compara um prédio com outro, você consegue batalhar com outros devs. Então deixa eu fazer uma batalha com esse desenvolvedor aqui, ó. Eu clico na batalha, eu vou selecionar, vou ver quanto que eu tenho de ataque. Então, ó, eu tenho 3 commits aqui, streak de 34, kudos de 56, parabéns que eu recebi. E aqui eu tenho um helicóptero e um avião pra me atacar. Eu vou de helicóptero que eu tenho aqui. Quando você clica em batalhar, o sistema faz uma animação, ele vai levar o meu helicóptero até o prédio do outro dev. E eu vou batalhar com ele. E aí, dependendo do meu ataque e da defesa dele, a gente vai saber quem que vai ganhar e quem que vai perder. Mas dá uma olhada, a gente faz essa animação. Tudo isso aqui foi feito com React e Three.js, tá bom? Então tudo isso funciona no browser, tanto no computador quanto no celular. E olha lá, eu ganhei, ó. Então eu tenho 93 de ataque, ele tinha 69 de defesa, e eu ganhei essa batalha, beleza? E agora meu nome vai ficar marcado ali no prédio dele, ó, S Rizon. Was here. Outra coisa que a gente tem aqui na cidade também é um lobby 2D que a gente tá adicionando várias outras coisas aqui ainda, mas nesse lobby aqui você consegue andar, você consegue fazer algumas coisas aqui pela cidade. E uma das coisas são vários easter eggs que a gente tem aqui no terminal. Então quando eu venho aqui, digito help no terminal, eu consigo ver algumas coisas e eu vejo discovers aqui, ó, discovers. E eu tenho 56 comandos escondidos aqui nesse terminal que eu coloquei. E você consegue pesquisar, consegue procurar. Algumas dicas que eu tenho, cara, são vários comandos de várias coisas, por exemplo, referências referências a Matrix, referências a Mr. Robot, referências a várias outras séries que eu particularmente gosto. E eu também adicionei um elevador aqui que a gente vai ter mais andares, mas isso aqui ainda tá em construção, tá bom? Então visita aqui a cidade, dá uma olhada, coloca o seu prédio aqui. E agora eu vou te mostrar o meu setup que eu usei para fazer toda essa cidade. Você vai ficar impressionado porque foi basicamente isso aqui, ó: 2 terminais do cloud e um terminal aqui rodando a cidade. Foi dessa forma que eu construí tudo. Então, um terminal do cloud, eu sempre tô codando, sempre tô fazendo alguma coisa. E o outro terminal eu sempre tô fazendo um brainstorm de alguma coisa. Então eu uso uma skill de brainstorming que eu baixei no site skills.net e eu sempre peço ele pra começar o brainstorm e fazer o planejamento de alguma funcionalidade que eu quero. E no outro terminal eu tô sempre codando e fazendo alguma coisa. E foi dessa forma que eu criei a Git City. Eu fiz recentemente um post falando de todos os meus custos que eu tive, né? Então, ó lá, eu tive um custo de R$959 na versão Superbase 185, Recende pra gente enviar os e-mails, HiMetric pra mim olhar os analytics, eu vou mostrar pra vocês daqui pra frente, um Discord, um X, um domínio, e esse custo deu um total de 1.373 e uma receita que eu tive de 5.200. Eu vou mostrar também a parte de receita e de ads aqui dentro aqui de Círio pra vocês daqui a pouco, tá bom? Mas uma coisa legal que aconteceu aqui com esse post que eu fiz ontem no X foi isso aqui, ó, o Antônio do Real Oficial marcou o dono da Vercel lá, o CEO da Vercel. Isso aqui é literalmente o CEO da Vercel, Guilherme lá, ó, Ele é o CEO da Vercel. Ele comentou no meu post no X marcando um outro desenvolvedor lá da Vercel, esse carinha aqui. E aí no mesmo dia, cara, um pouquinho, uma hora depois mais ou menos, ele comentou e abriu um pull request. Ele simplesmente abriu um pull request. Então ele fez um comentário falando que achou algumas coisas que daria pra diminuir um pouco o custo da Vercel. E ele fez 8 PRs aqui, ó, pra cidade. Eu já mejeei os outros aqui, alguns tinham algumas coisas que eu fechei e fiz manualmente pra não pedir nenhuma alteração pra ele. Mas um desenvolvedor da Vercel, um cara que já trabalhou até na NASA, cara, ele contribuiu com o projeto. E um detalhe bem legal, né, que esse projeto é um projeto open source, já tem mais de 4.400 estrelas aqui no projeto, mais de 20 contribuidores, e isso tudo em apenas um mês, meus amigos. Um mês que eu tive uma ideia lá no X, eu comecei a postar e as pessoas começaram a entrar, e isso viralizou de uma forma absurda. E aproveitando para falar um pouco da receita, desde o dia zero eu coloquei já integração com Stripe para eu conseguir receber pagamentos. Então as pessoas, elas estão conseguindo customizar o prédio delas aqui. Então tem várias coisas que você consegue customizar no seu prédio, Você consegue customizar seus itens de batalha também, então consegue comprar um avião, comprar um helicóptero, comprar algumas outras coisas aqui, mas a receita maior ela veio de ads. Então o que que eu fiz aqui na plataforma? Você consegue colocar a sua própria propaganda aqui dentro através de um avião, através de um LED no prédio, através de um billboard aqui, de um rooftop sign aqui, e também de um blimp que fica andando pela cidade. Então mais de 50 empresas compraram ads aqui dentro da Geek City. Então quando você vem na cidade aqui, ó, e você olha os prédios mais altos da cidade, a gente tem vários prédios aqui, ó, com a rede. Eu costumo dizer que aqui é a Times Square dos devs, né? Então a gente tem esses prédios aqui que as empresas pagaram. E recentemente também, há uma semana atrás, eu coloquei também os prédios pagos. Então, por exemplo, aqui, ó, Abacate Pay colocou um prédio aqui na cidade. A gente tem também um prédio do Viral Day e do Acelera Dev. Então Viral Day do Antônio aqui também é um prédio bem legal e do Acelera Dev do PcD1. Então essas pessoas pagaram pra colocar um prédio delas aqui na cidade e elas tão recebendo bastante tráfego porque a cidade sempre tem gente online, né? Então aqui, ó, por exemplo, a gente tem 33 usuários online aqui nesse exato momento, mais de 600 pessoas que entraram no Discord também da então se você quiser entra lá no Discord também, cê vai ser muito bem-vindo e tem 3 pessoas codando agora. O que que eu fiz aqui, cara? Eu criei uma extensão no VS Code que você instala ela pra você manter as luzes da cidade acesa. Então, quando isso aqui, ó, tá zero, não tem ninguém codando, as luzes da cidade se apagam. Então, eu adicionei várias gamificações aqui dentro da cidade, assim como tasks diárias. A gente tem um leaderboard aqui, ó, são as tabelas, né, de liderança. Então, essa aqui é a tabela de avião, ó, de hoje, dessa semana, de todos os tempos. A gente consegue ver todo mundo que fez as pontuações. A gente tem speedrun aqui também dentro da cidade. Então, speedrun de quem consegue coletar todas as 40 moedas no tempo mais rápido. A gente tem as tarefas diárias também, aqui as deles, ó. E a gente tem os drops. Então toda semana eu coloco alguns drops dentro da cidade para que você consiga entrar lá e pegar esse drop e ganhar XP. Falando um pouco dos números, aqui eu tô no HiMetric, que é o SaaS que eu uso de analytics, que é um SaaS bem legal de um brasileiro também. Então vale a pena você dar uma olhada depois. Mas dá uma olhada nisso aqui, cara, nos últimos 30 dias, ó. Eu tive mais de 126 mil visitantes na cidade. Eu consigo ver aqui a localização dos usuários, cara. Então isso aqui viralizou no mundo inteiro. Eu acho que a gente já ultrapassou cerca de 3 milhões ou 4 milhões de visualizações nas redes sociais. Gringos postaram sobre a Geek City. E nesse aqui, ó, dá uma olhada. Nesse dia aqui a gente teve 24 mil visitantes. Foi um dia depois que um indiano fez um vídeo no Instagram e deu mais de 1 milhão de visualizações em um dia, o vídeo do indiano. Então ele postou E chegou muita gente na cidade. Um dos desafios que eu tive que foi muito grande, cara, é que a cidade um dia ela tinha 12 mil prédios na cidade e no outro dia ela tinha 30 mil. E aí o Supabase ele simplesmente caiu, ele não aguentou porque eu tava carregando os devs em chunks de mil. Então quando o usuário carregava a cidade, eu fazia requisições do Supabase de mil requisições. Então quando tinha 12 mil prédios, eu fazia 12 requisições. Quando chegou a 30 mil, eu ficava, o usuário fazia 30 requisições pra carregar os prédios na cidade. E aí eu tive que mudar dessa forma. Eu tentei fazer um RPC no Postgres, mas não deu certo. E aí eu acabei chegando numa solução bem simples que foi um snapshot. Eu criei um JSON, um cronjob que roda a cada 5 minutos, ele gera um snapshot da cidade, um JSON de 50 MB, eu faço um zip nesse JSON e eu transformo esse JSON de 50 MB pra 4 MB. Então quando você acessa a cidade, esse JSON ele já tá salvo no CDN da Vercel e a cidade é carregada em questão de segundos. Então quando eu der um F5 aqui na cidade, ó, cê vai ver que ele vai carregar essa cidade bem rápido e os 60 mil prédios estão renderizados aqui na cidade. Você pode navegar, você pode olhar aqui tudo direitinho e vai estar tudo funcionando. Você pode andar de avião aqui na cidade inteira, pegar suas moedas e tudo mais. Tudo isso aqui funciona no navegador, o FPS tá bem alto, e foi tudo feito com React e Three.js. Falando um pouco dos próximos passos na cidade, né, a minha ideia aqui é conseguir trazer cada vez mais empresas para dentro da cidade, criar um lugar dentro da cidade onde vocês devs consigam procurar emprego também, encontrar emprego. E eu quero trazer e transformar isso em uma comunidade, sabe? Eu já tô criando a camisa da Geek City, a gente vai ter uma loja da Geek City onde você vai conseguir comprar uma camisa, você vai conseguir colocar o seu prédio aqui na cidade. E a ideia é fazer e transformar isso em uma comunidade de devs mundial, onde a gente consiga conectar, né, os devs às empresas e as empresas aos devs de uma forma muito mais simples, de uma forma muito direta, sem colocar IA no meio, né? Eu acho que tá sendo muito difícil, né, para os devs hoje conseguirem empregos, conseguirem vagas de emprego, E eu acho que muito disso é porque tudo tem IA no meio. Então a minha ideia aqui, eu já tô planejando essa funcionalidade, né, é de trazer esses empregos para dentro da cidade e ter uma curadoria manual e conseguir conectar devs das empresas de uma forma muito melhor. E se tudo der certo, né, a gente conseguir levar muitos devs para gringa para trabalhar na gringa também. Então se você ainda não colocou seu prédio na cidade, acessa lá, thegitcity.com. Todos os links estão aqui na descrição do vídeo. Deixe seu like, se inscreve no canal para você acompanhar essa minha jornada e apoiar um dev solo brasileiro que tá fazendo fazer barulho aí no mundo inteiro. E se tudo der certo, a gente vai conseguir sim criar uma comunidade de devs e criar comunidade da Git City. E eu conto muito com você, com a sua ajuda e com seu apoio. Fechou? Muito obrigado, Deus te abençoe, tamo junto, valeu!










