▲ Sessão da Comunidade: Lance e valide mais rápido com PostHog + v0

VVercel
컴퓨터/소프트웨어창업/스타트업AI/미래기술

Transcript

00:00:00[SEM ÁUDIO]
00:00:30[SEM ÁUDIO]
00:01:00[SEM ÁUDIO]
00:01:29>> Olá a todos.
00:01:32Bem-vindos à sessão da comunidade Versailles desta semana.
00:01:36Estamos muito animados em ter vocês aqui.
00:01:41É muito bom fazer essas sessões ao vivo porque sinto que não as
00:01:44fazia há algum tempo.
00:01:46Então, oi para todo mundo.
00:01:47[RISOS] Se esta é a sua primeira vez em uma de nossas sessões da comunidade,
00:01:53eu sou Pauline Navas, da equipe de comunidade aqui na Versailles.
00:01:57Você deve ter me visto pelos espaços da comunidade em nossa própria plataforma,
00:02:03[www.versailles.com](https://www.google.com/search?q=https://www.versailles.com), ou talvez no X ou LinkedIn, respondendo perguntas e
00:02:08interagindo com a comunidade para entender o que vocês estão construindo
00:02:12na Versailles.
00:02:13Portanto, esta é sempre uma oportunidade de nos conectarmos com nossa comunidade,
00:02:18nossos clientes e nossos usuários ao vivo.
00:02:22Legal, é incrível ver tantos de vocês já por aqui.
00:02:25Vejo um “boa noite” do Adam no chat.
00:02:29Olá, olá, olá.
00:02:31Então deixem uma mensagem no chat e nos digam de onde estão assistindo hoje.
00:02:36Se você está vendo isso no X, no YouTube ou LinkedIn e
00:02:39quer participar do chat ao vivo, acesse [community.versailles.com/live](https://www.google.com/search?q=https://community.versailles.com/live).
00:02:46Você encontrará a sessão logo no topo; é só deixar um comentário no chat.
00:02:53Sobre a sessão de hoje, fico muito animada sempre que temos essas sessões
00:02:58de integração do marketplace da Versailles, porque é muito legal ver o que
00:03:03você pode construir na Versailles usando nossas integrações.
00:03:07Hoje vamos conversar com o PostHog.
00:03:11E se você ainda não os conhece, a versão curta é que o PostHog
00:03:16é uma plataforma de análise de produto de código aberto.
00:03:19Você pode pensar nele como feature flags, testes A/B, rastreamento de eventos e,
00:03:25basicamente, todas as ferramentas necessárias para entender o que realmente acontece
00:03:29quando as pessoas usam seu produto.
00:03:31O que torna a sessão de hoje super empolgante é que o PostHog agora
00:03:36se integra diretamente ao v0.
00:03:38Isso significa que você pode ir de uma ideia para um experimento ao vivo sem precisar
00:03:43sair do seu ambiente de construção.
00:03:45Acabou aquela história de lançar e só depois pensar na análise de dados.
00:03:50Você pode configurar as feature flags, rodar testes e monitorar eventos personalizados
00:03:55como parte do próprio processo de criação.
00:03:58Bom, vou parar de falar, mas oi para todo mundo, estou vendo muitos de vocês entrando no chat.
00:04:06Legal.
00:04:06Contem para a gente de onde vocês estão falando, pessoal.
00:04:09Bacana.
00:04:10Então, sem mais delongas, gostaria de dar as boas-vindas ao nosso convidado, Brooker, do PostHog.
00:04:16Oi, Brooker.
00:04:17- Olá.
00:04:17Feliz por estar aqui.
00:04:19Isso mesmo, como a Pauline disse, meu nome é Brooker.
00:04:21Sou engenheiro de produto na equipe de crescimento.
00:04:25Para começar, vou contar um pouco sobre o que o PostHog oferece,
00:04:30e por que você usaria algo como o PostHog no v0.
00:04:34Depois, passaremos por alguns casos de uso no v0, na Vercel e no v0.
00:04:41Farei uma demonstração ao vivo.
00:04:42Vamos realmente implementar alguns desses casos de uso.
00:04:46Os dois que quero cobrir em particular... bom, vou começar explicando
00:04:49o que é o PostHog e por que ele seria interessante para usuários do v0
00:04:54e da Vercel.
00:04:56Sabe, você usa o v0, constrói o app mais legal de todos, faz o deploy,
00:05:02e quer ver como ele está funcionando. Como descobrir isso?
00:05:06Como entender como as pessoas usam seu app, do que gostam,
00:05:11do que não gostam?
00:05:12Como entender quando algo dá errado?
00:05:15Muitas vezes você lança um app e ele funciona perfeitamente
00:05:19no modo de visualização.
00:05:20Talvez você mesmo tenha feito alguns testes, mas quando roda em produção,
00:05:26surgem problemas que você não previu.
00:05:29É aí que uma exceção pode ocorrer, e seria útil para você
00:05:33ter visibilidade sobre isso, especialmente trazendo essa visibilidade
00:05:39e contexto para dentro do v0, para o agente, para que ele entenda tudo
00:05:45o que acontece em produção e corrija o erro sem que você precise
00:05:50ficar coletando contextos em diferentes lugares, seja no seu
00:05:55sistema de logs, de erros, ou tentando reproduzir o erro sozinho
00:05:59e copiando e colando do Chrome DevTools.
00:06:02Não que eu já tenha precisado fazer isso antes.
00:06:04- Acho que todos nós já fizemos isso.
00:06:07- É.
00:06:09Então, esse é um caso de uso que quero mostrar: o tratamento de erros.
00:06:13O outro são as feature flags e os testes A/B.
00:06:17Eu tenho gostado muito desse método de desenvolvimento.
00:06:23Imagine que você está trabalhando com sua equipe.
00:06:26Vocês discutem uma funcionalidade que desejam adicionar.
00:06:29E talvez você tenha uma opinião diferente do seu colega sobre como
00:06:33implementar essa funcionalidade.
00:06:34Você quer fazer de um jeito,
00:06:36eles de outro.
00:06:39Uma ótima forma de resolver isso é fazer os dois e testá-los
00:06:42em produção para ver qual traz melhores resultados.
00:06:46Nós também vamos passar por isso.
00:06:48Então, sem mais delongas, vou compartilhar minha tela.
00:06:51Vou mostrar todo o processo de ponta a ponta.
00:06:55Uma parte já está pré-configurada nesta conta.
00:06:58Vou mudar para uma conta onde ainda não instalei o PostHog.
00:07:06E por favor, me avisem quando minha tela aparecer.
00:07:09- A tela está visível, Brooker.
00:07:11Vamos lá.
00:07:11- Ótimo.
00:07:12Tudo bem.
00:07:12Estamos na Vercel.
00:07:14Vamos em integrações e procurar por PostHog.
00:07:18Não sei por que diz... ah, “Browse Marketplace”.
00:07:21Vamos navegar no Marketplace.
00:07:22Pesquisamos por PostHog, selecionamos aqui e clicamos em Instalar.
00:07:29Vai me perguntar se quero criar uma nova conta ou vincular a uma existente.
00:07:32Se você já tiver uma conta no PostHog, pode vinculá-las.
00:07:35E o que isso fará por mim é... vamos instalar aqui.
00:07:39Ele vai... deixa eu só... desculpe, não consigo clicar e falar ao mesmo tempo.
00:07:46Por que preciso inserir um endereço de cobrança?
00:07:48Ok.
00:07:49Você preencheria este formulário.
00:07:52Clique em Continuar.
00:07:53Isso vai sincronizar seu... deixe-me mostrar o que ele fará.
00:07:59Ele vai sincronizar suas variáveis de ambiente. Se eu for em Configurações...
00:08:06Bom, vou para a Visão Geral.
00:08:09Ah, achei que já tinha instalado.
00:08:14Vamos fazer isso rapidinho.
00:08:15Vamos instalar para um projeto.
00:08:17Estou escolhendo em qual projeto quero instalar.
00:08:20Clique em Continuar.
00:08:22Ótimo.
00:08:23Escolhi o projeto.
00:08:25Vejamos.
00:08:30Desculpe, achei que tinha um aqui.
00:08:32Ah, já sei o que é.
00:08:33Estou com a conta errada aberta.
00:08:35Acho que é nesta aqui.
00:08:37- Isso é o melhor, a propósito; depurar e mostrar o passo a passo.
00:08:41Isso é ótimo.
00:08:42- É.
00:08:44Ok, sim, está conectado aqui.
00:08:47O que eu queria mostrar é que o legal dessa integração é que você
00:08:51não precisa gerenciar as variáveis de ambiente manualmente.
00:08:55Se você tem experiência com isso, sabe que não é divertido, especialmente quando
00:08:59precisa rotacionar suas chaves, o que é uma recomendação importante.
00:09:03A integração da Vercel com o PostHog gerenciará tudo isso para você.
00:09:08Basta seguir o processo de instalação
00:09:12que acabei de mostrar.
00:09:13Também cuida do faturamento, sendo que temos um plano gratuito generoso.
00:09:17Então, espero que você não precise se preocupar com isso no início, até que
00:09:21seu produto decole, e aí isso será o menor dos seus problemas.
00:09:24Mas sim, isso sincronizará suas variáveis de ambiente.
00:09:28As principais coisas de que precisamos aqui... o host do PostHog é... não vou mostrar
00:09:33porque não quero ser criticado, mas o host é apenas uma URL.
00:09:39Seria algo como us.i.posthog.com.
00:09:43A chave do PostHog é a parte importante, é o que vai dizer ao PostHog,
00:09:48vai identificar o seu projeto no sistema deles.
00:09:50Assim, quando seu aplicativo estiver rodando em produção e erros, uso
00:09:58e feature flags forem reportados ao PostHog, essa chave é o que
00:10:02vai identificar seu produto com um projeto do PostHog.
00:10:07É muito útil ter isso configurado automaticamente aqui.
00:10:12Alguma pergunta sobre o lado da Vercel?
00:10:16É bem simples.
00:10:17Eu expliquei por cima e tive alguns problemas, desculpem por isso.
00:10:21Mas basicamente, você instala, vincula ao projeto da Vercel que quer
00:10:25usar e pronto, está valendo.
00:10:28Também temos alguns guias de introdução aqui.
00:10:32Você pode ver suas feature flags aqui, se já as tiver configurado.
00:10:35Ainda não tenho nenhuma nesta, mas teremos em um minuto.
00:10:40- Sim, isso é ótimo.
00:10:41Eu ia dizer que não há perguntas agora, o que mostra que o processo é bem fluido.
00:10:47Perguntei no chat se alguém já testou essa integração antes.
00:10:51Se já testaram, nos avisem e façam perguntas ao longo do caminho.
00:10:54- Sim, e fiquem à vontade para interromper.
00:10:58Vamos para a demonstração agora.
00:10:59Tenho um app rodando.
00:11:01Construí um pequeno jogo.
00:11:02Chama-se Hog Hop.
00:11:04Tenho um pequeno PostHog aqui.
00:11:06Há alguns insetos correndo, e estou tentando coletar pontos de dados.
00:11:12O Max está pulando e coletando os pontos.
00:11:15Encontrei um bug.
00:11:16Quando coleto certos pontos, o jogo simplesmente trava.
00:11:21Agora não consigo fazer nada.
00:11:23Encontrei isso em produção e preciso de ajuda para descobrir o que houve.
00:11:28Eu poderia, como disse antes, abrir o DevTools.
00:11:32Poderia olhar os logs da Vercel para tentar encontrar erros.
00:11:41Mas vou mostrar como você não precisa fazer nada disso.
00:11:44No v0, você pode reunir todo o contexto necessário sobre o erro e corrigi-lo
00:11:50ali mesmo.
00:11:51Primeiro, mostrarei como adicionamos o MCP.
00:11:54No canto inferior esquerdo do chat no v0, há um pequeno botão de mais,
00:12:01onde há um espaço para MCPs.
00:12:04Basta clicar em “Add MCP”.
00:12:06O PostHog está configurado como um tipo de MCP predefinido.
00:12:10Eu já o conectei para isso, então não vou desconectar.
00:12:13Mas você apenas clica no botão de mais e ele pedirá para você fazer login
00:12:18com sua conta do PostHog.
00:12:19Uma coisa que não mostrei foi que, ao criar essa integração entre o PostHog
00:12:25e a Vercel, você ganha o botão “Open in PostHog”, que vai me logar
00:12:30no PostHog para que eu não precise gerenciar credenciais nem nada do tipo.
00:12:36Estou logado aqui e, lá no v0, quando quiser conectar o MCP,
00:12:42basta clicar para autenticar e ele abrirá uma aba do PostHog para validar
00:12:48o MCP.
00:12:50Acabei de perceber que não defini o que é MCP, peço desculpas.
00:12:52MCP significa Model Context Protocol. É basicamente uma forma de coletar informações
00:12:58para dar ao agente do v0 a habilidade de reunir dados ou
00:13:03chamar funções conectadas a esta conta.
00:13:07Nesse caso, estamos dizendo: “Ei, v0, se precisar fazer perguntas ou gerenciar
00:13:14coisas no PostHog...” e este é um produto muito completo,
00:13:19o MCP do PostHog permite fazer muita coisa.
00:13:24Vou mostrar agora... temos a documentação do PostHog sobre o Model Context Protocol.
00:13:29Aqui mostra tudo o que você pode fazer.
00:13:33Não se sinta sobrecarregado com esta lista.
00:13:35Tudo isso já está carregado no agente.
00:13:36Você pode até perguntar: "O que posso fazer com o MCP do PostHog?"
00:13:42E ele te dirá.
00:13:43E vou garantir que esta pequena chave esteja ativada aqui.
00:13:50E, bom, o que eu queria mostrar aqui é, novamente,
00:13:55quando tento coletar este terceiro ponto de dados, encontro um erro.
00:14:00Simplesmente trava.
00:14:01Então, vou descrever isso aqui.
00:14:04Ele me mostrou tudo o que posso fazer com o MCP do PostHog.
00:14:08Vou descrever o problema para o agente.
00:14:10Vou dizer: "Quando coleto pontos de dados com o Max, às vezes ele trava.
00:14:23Você pode encontrar o erro usando os logs do MCP do PostHog e corrigi-lo para mim?"
00:14:35Enquanto ele faz isso, vou mostrar o painel do PostHog.
00:14:39No PostHog, posso ir em apps e depois em rastreamento de erros.
00:14:47Como eu disse, o PostHog faz muita coisa.
00:14:50Existem muitos recursos que você pode explorar aqui.
00:14:55Estamos focando em apenas alguns para dar uma ideia tangível do que é possível fazer.
00:15:01Se você tiver um perfil mais técnico e quiser ver o que está acontecendo
00:15:04com esses erros, pode abrir isto e ver, sabe, você poderia
00:15:11clicar no erro e ver o rastreamento da pilha (stack trace).
00:15:14Pode ver quantas vezes ele está ocorrendo.
00:15:17E o que mais podemos ver?
00:15:20Problemas semelhantes.
00:15:21Bom, vamos ver se isso ainda está funcionando.
00:15:25Ah, ele corrigiu!
00:15:26Ok. Vou mostrar outra coisa na próxima vez que tivermos que esperar o agente.
00:15:30Diz aqui que foi corrigido.
00:15:32Deixe-me ver se posso publicar ou se testamos na visualização prévia.
00:15:37Vamos fazer isso.
00:15:39Tudo bem.
00:15:39Vou pular aqui e coletar algo.
00:15:41Ah, está funcionando!
00:15:42Excelente. É fácil assim.
00:15:46Eu tinha um erro.
00:15:48Expliquei para ele o que estava acontecendo.
00:15:51Mesmo que você não tenha tanta informação sobre como reproduzi-lo,
00:15:55poderia dar menos detalhes e apenas pedir para ele procurar por erros.
00:15:59Eu poderia perguntar: "Existem outros erros no MCP do PostHog que devemos corrigir?"
00:16:09Vou dizer "de hoje", só para não pegarmos muita coisa antiga.
00:16:12A outra coisa que eu queria mostrar é o "Session Replay", que é um recurso bem legal.
00:16:21Eu consigo ver... ah, não está com uma aparência muito boa aqui.
00:16:27Interessante.
00:16:28Ok. Vamos pular isso, mas vou investigar depois.
00:16:33Normalmente, você conseguiria ver exatamente o que as pessoas estão fazendo.
00:16:36Acredito que, devido à tecnologia que estamos usando neste jogo,
00:16:42a gravação está ficando corrompida.
00:16:44Mas provavelmente em outros tipos de apps, ou melhor, com certeza em outros tipos.
00:16:50Nunca vi isso acontecer em nenhum outro aplicativo.
00:16:51Assim, você vê como as pessoas usam seu app e quais problemas encontram.
00:16:58Ver esse vídeo ao vivo do que elas fazem ajuda muito a contextualizar.
00:17:04Dá muito mais informação do que tentar analisar apenas
00:17:08atividades, eventos ou logs.
00:17:13Certo, temos mais alguns erros.
00:17:16E quero enfatizar um ponto.
00:17:18Como desenvolvedor, você pode não saber tudo o que os usuários enfrentam na produção.
00:17:25Eles podem não estar reportando para você.
00:17:26Ou talvez você mesmo não tenha passado por isso.
00:17:28Ter visibilidade de todos os erros pode ser extremamente útil.
00:17:34Neste caso, temos mais alguns erros ocorrendo.
00:17:40Ah, parece que ambos foram corrigidos.
00:17:43Legal. Alguma pergunta sobre isso?
00:17:47Agora quero passar para as "feature flags".
00:17:51>> Não há perguntas no chat por enquanto, mas temos comentários.
00:17:54Alguém comentou que vocês têm muitas ferramentas em um só lugar, um plano gratuito generoso
00:18:01e uma experiência do desenvolvedor (DX) incrível, o que é sempre bom ouvir.
00:18:05Eu tenho uma pergunta, na verdade... imagino que você vá abordar isso agora.
00:18:11Além dos erros, quais seriam outras funcionalidades valiosas do MCP do PostHog
00:18:19para usuários do v0 que você acha que as pessoas ignoram?
00:18:23>> Sim. Para mim, feature flags e experimentos são as coisas mais benéficas.
00:18:30Muitas equipes e aplicações não as utilizam, mas deveriam.
00:18:38Vou mostrar isso rapidinho.
00:18:40>> Sim, com certeza.
00:18:41Transição perfeita.
00:18:42>> Pois é. Vamos adicionar... neste caso, eu tenho este jogo.
00:18:46No momento, não tenho como eliminar os insetos (bugs).
00:18:48Especificamente este, que fica indo e vindo naquela plataforma.
00:18:52Estou com muita dificuldade para pegar aquele ponto de dados.
00:18:55E meus usuários também.
00:18:57Então, quero criar uma funcionalidade extra.
00:19:01Vamos fazer o seguinte: dar ao meu ouriço a habilidade de disparar lasers pelos olhos.
00:19:16Mas quero testar isso contra uma funcionalidade diferente.
00:19:22Estou pensando... lasers.
00:19:24Poderíamos fazer algo clássico, tipo o Mario.
00:19:27Vou começar pedindo: "Crie uma feature flag multivariada com lasers em uma variante"
00:19:43e a habilidade de pular nos insetos para eliminá-los em outra variante.
00:19:52E isso vai... quero mostrar algumas coisas aqui.
00:19:59O MCP é muito poderoso.
00:20:02Você pode usá-lo para quase tudo o que faria no painel de controle.
00:20:07Dá para fazer pelo painel.
00:20:10Vou mostrar se formos em apps.
00:20:17E depois em feature flag.
00:20:21A maioria das coisas do MCP você também pode fazer no chat aqui.
00:20:25Vou abrir uma nova aba.
00:20:29Ah, não tem como usar o chat na aba.
00:20:33Ops.
00:20:34Perdi o que estava fazendo.
00:20:37Abrindo um novo chat, aqui vamos nós.
00:20:39Eu poderia dar um comando semelhante.
00:20:43A única diferença é que este chat não terá a capacidade de atualizar meu código no v0, obviamente.
00:20:48Eu teria que aceitar as mudanças.
00:20:52Mas eu ainda poderia usá-lo para gerenciar as feature flags.
00:20:55Ou aqui, posso criar uma feature flag usando... e ela deve estar sendo criada
00:21:01agora mesmo.
00:21:02Aqui está.
00:21:03Experimento, criar.
00:21:04Eu poderia criar pela interface do usuário.
00:21:07Estou mostrando como fazer via agente v0 usando o MCP porque acho que quanto mais
00:21:16puder fazer dentro do agente, melhor.
00:21:20Não quero gastar meu tempo clicando por aí ou aprendendo uma interface nova.
00:21:24Embora o painel seja muito legal e eu adore a interface,
00:21:31prefiro passar meu tempo apenas construindo no v0.
00:21:35Legal.
00:21:36Então, ele configurou este experimento.
00:21:39E definimos algumas métricas.
00:21:40Este é um dos pontos fundamentais: qual é
00:21:47a hipótese que você está tentando testar?
00:21:49O v0 seguiu em frente e criou uma hipótese para nós.
00:21:53O que é bem interessante.
00:21:55Eu talvez queira ler e atualizar isso.
00:21:58Diz aqui: testando qual variante leva a melhores taxas de conclusão do jogo.
00:22:02Isso é bom.
00:22:03Talvez meu objetivo seja a taxa de conclusão.
00:22:05Ou talvez seja apenas o tempo gasto jogando.
00:22:09Acho que a taxa de conclusão faz sentido.
00:22:13Então, ele definiu isso como a métrica primária.
00:22:16Primeiro, você elabora uma hipótese.
00:22:18O que estou testando?
00:22:19Neste caso, se pisar é mais envolvente ou se o laser é mais envolvente.
00:22:26Aí definimos as métricas primárias.
00:22:29E também tem o conceito de métricas secundárias, que considero super importante.
00:22:33Métricas primárias são os objetivos principais que você quer atingir.
00:22:38Mas qualquer recurso novo ou mudança que você faça pode gerar
00:22:43efeitos secundários.
00:22:44Neste caso, talvez os usuários matem mais ou menos insetos por sessão.
00:22:49Talvez terminem o jogo mais rápido, mas matem menos insetos.
00:22:52Provavelmente improvável.
00:22:53Ou o número de mortes por sessão é outra coisa a se observar.
00:22:57Sempre que configurar um experimento, é vital pensar: qual é
00:23:02meu objetivo?
00:23:03E o que mais isso pode estar impactando que talvez não seja
00:23:09o foco principal, mas do qual quero estar ciente ao tomar a decisão.
00:23:14Uma pergunta rápida, Brooker.
00:23:17Se alguém acidentalmente definir a métrica errada no início,
00:23:23quão fácil é ajustar esse experimento no PostHog sem perder tudo no v0?
00:23:30Sim, você pode fazer via MCP, pelo chat ou aqui na interface.
00:23:36Tem este ícone de lápis ao lado da métrica.
00:23:39É só clicar nele.
00:23:41E, digamos que você queira mudar de "jogo concluído" para "tempo gasto no app".
00:23:46Você clicaria aqui e escolheria um evento.
00:23:47Ou talvez decidamos que queremos verificar se as pessoas estão saindo mais.
00:23:53우리는 실제로 그들이 더 높은 비율로 떠나고 있는지 확인하고 싶습니다.
00:23:58Eu poderia mudar para "saída da página".
00:24:00Nesse caso, meu objetivo seria diminuir essa métrica.
00:24:03Quero que as pessoas saiam da página com menos frequência.
00:24:08É simples assim.
00:24:10Também dá para usar o MCP, o que eu pessoalmente acho bem mais fácil.
00:24:16Mas é bom ver as duas formas.
00:24:19Sim.
00:24:20Legal.
00:24:21Isso.
00:24:22E o sistema vai recalcular tudo.
00:24:23Às vezes, o que acontece comigo é: estou rodando um experimento,
00:24:27vejo os resultados e isso me ajuda a perceber que tenho outra pergunta
00:24:32que quero fazer.
00:24:33Como você disse, quero atualizar as métricas que estou acompanhando.
00:24:36Há momentos em que talvez eu ainda não tenha um evento ou forma de rastrear aquilo.
00:24:43Esse é outro ponto onde o MCP ajuda muito.
00:24:46Você pode simplesmente dizer algo como "adicione um evento".
00:24:48Deixe-me pensar num exemplo... não sei, talvez saltos.
00:24:53Poderia pedir: "adicione um evento para cada vez que o ouriço pular".
00:25:02Nesse caso, você só teria esses eventos a partir do momento
00:25:08em que os adicionou ao seu aplicativo.
00:25:10Aí você pode ajustar a duração do seu experimento para começar
00:25:15a partir de um determinado horário.
00:25:21Você também poderia segmentar... Oh, desculpe.
00:25:22당신은 또한 타겟팅할 수 있습니다. 아, 죄송합니다.
00:25:24Sinto muito.
00:25:25Mas se você mudar isso no meio do experimento,
00:25:31existe alguma recomendação? Deve-se reiniciar o teste
00:25:38ou é seguro continuar coletando dados no mesmo experimento?
00:25:40Sim, boa pergunta.
00:25:42Desde que você esteja ciente das diferentes mudanças que podem impactar
00:25:48o que está fazendo,
00:25:49não vejo problema em manter o mesmo experimento rodando.
00:25:55Pode haver um cenário onde outras mudanças estejam ocorrendo simultaneamente
00:25:59e que poderiam influenciar seus resultados.
00:26:02Então, você deve estar bem atento a todos os testes que está realizando
00:26:06e como eles podem interferir uns nos outros.
00:26:09Por isso, geralmente... como neste caso em que fizemos um multivariado,
00:26:15onde tenho pisar e laser, acho que ele definiu o laser como controle.
00:26:20Mas eu talvez queira um controle que seja "sem armas".
00:26:30Agrupar tudo em um único experimento ajuda a evitar conflitos
00:26:35entre experimentos diferentes competindo entre si.
00:26:38Faz sentido?
00:26:39Sim, faz sentido.
00:26:41Pois é.
00:26:42E vamos ver onde estamos... ah, não adicionei isso à fila.
00:26:45Pronto, terminamos.
00:26:47Agora temos olhos de laser.
00:26:48Vamos ver o que acontece ao usar o app agora.
00:26:51Beleza, legal.
00:26:52Eu tenho um laser, mas ele não está matando os bonecos.
00:26:57Que chato.
00:26:58Enfim, vocês também podem acabar passando por isso.
00:27:02Eu não dei o comando de forma eficaz para o v0.
00:27:05Então não vamos culpar o v0 por isso.
00:27:07Eu apenas disse “atire lasers pelos olhos”.
00:27:10Mas não disse “mate os insetos com o laser”.
00:27:12Você também pode segmentar diferentes usuários.
00:27:16Eu poderia dizer: “direcione o recurso de pisoteio para o meu usuário”, por exemplo.
00:27:23E então veremos se ele consegue identificar quem eu sou.
00:27:26Isso é forçar um pouco o limite do agente e do MCP, mas o MCP
00:27:31tem a capacidade de localizar um usuário.
00:27:35E então definir a variante do experimento para aquele usuário específico.
00:27:41E você pode segmentar diferentes grupos para diferentes variantes.
00:27:46Se quiser dizer: “todos na Austrália ganham olhos de laser”, você também
00:27:51poderia fazer isso.
00:27:53E, bom, acho que estamos chegando perto do fim do tempo?
00:27:56Esqueci quanto tempo...
00:27:57Sim, estamos.
00:27:58Eu acabei de conferir isso.
00:27:59Mas, sim.
00:28:00Ok, certo.
00:28:02Eu posso continuar com isso rodando.
00:28:03Mas se tiverem outras dúvidas ou algo que eu não cobri, seria
00:28:08interessante ouvir.
00:28:09Sim, outra pergunta que surgiu é: para os usuários do v0 que são novos
00:28:15em experimentação, vocês têm algum checklist para que as pessoas sigam e evitem
00:28:21configurar um experimento “ruim” ou talvez enganoso?
00:28:27Sim, isso é... não tenho 100% de certeza.
00:28:31Eu sei que temos guias.
00:28:32Não quero tentar procurá-los aqui ao vivo.
00:28:34Mas eu certamente poderia enviar um guia depois.
00:28:38Nós poderíamos.
00:28:39Sim, com certeza podemos anexar à nossa seção de recursos neste chat.
00:28:43Com certeza, 100%.
00:28:44Sim.
00:28:45E vocês podem explorar a IA. Eu incentivaria as pessoas a,
00:28:50perguntarem no chat, navegarem pela interface, há muita coisa útil, como
00:28:55a hipótese que mencionei, e que você não viu no v0.
00:28:58Então pode ajudar abrir a interface e ver o que mais há por lá para
00:29:02se explorar.
00:29:05Ou até mesmo perguntar ao v0: “quais tipos de coisas eu possivelmente
00:29:10estou deixando passar aqui?”
00:29:11“O que mais podemos fazer com isso?”
00:29:13Então eu incentivaria vocês a aproveitarem o v0 ao máximo para isso,
00:29:18ou a IA do PostHog, que é outra opção de chat dentro do PostHog.
00:29:23Uau, eu nem sabia que vocês tinham isso.
00:29:26Que legal.
00:29:27Acho que pergunto isso em todas as nossas sessões de integração, mas a longo prazo, o que vocês
00:29:35estão planejando?
00:29:36Algo que possa compartilhar conosco?
00:29:38Sim, vemos o futuro do desenvolvimento de software e produtos como algo mais autônomo.
00:29:45E acho que isso já está começando a acontecer.
00:29:47Mas acredito que ainda há um longo caminho a percorrer.
00:29:53Coisas como o que mostrei na resolução de erros, não acho que vá demorar muito para
00:29:59que isso seja o padrão em uma aplicação, tipo: tenho um app rodando.
00:30:04E há algo rodando em segundo plano que está apenas corrigindo erros sem que eu tenha
00:30:09que mandar, e talvez eu receba algum tipo de relatório sobre o que aconteceu.
00:30:15Mas, no fim das contas, no futuro, não quero ter que pedir para uma IA checar erros,
00:30:20não quero ter que receber um alerta no meio da noite e ser
00:30:24acordado por um erro.
00:30:26Acho que, no futuro, algum tipo de sistema — pode ser o PostHog,
00:30:35pode ser a Vercel, ou os dois trabalhando juntos.
00:30:38Eles basicamente vão coletar informações; erros são apenas uma parte.
00:30:43Tem o Session Replay, que eu mostrei, análise de produtos, experimentos são outra parte,
00:30:49onde eu me pergunto: eu realmente preciso criar métricas diferentes manualmente?
00:30:53E foi interessante, na verdade, ver que o v0 já escolheu algumas métricas
00:30:57bem interessantes para nós.
00:31:00Mas provavelmente terei um agente monitorando essas coisas no futuro e fazendo atualizações
00:31:05no código sem que eu precise dar comandos com esse nível de especificidade; eu estarei
00:31:14guiando estrategicamente, tipo: que tipo de experiência de experimento eu quero
00:31:19para o meu jogo?
00:31:20Quais são as métricas que estou buscando?
00:31:22Mas quanto às coisas de baixo nível, acho que muito disso será resolvido por
00:31:26desenvolvimento autônomo.
00:31:28Sim, desenvolvimento.
00:31:30Sim.
00:31:31Sim, eu adoro essa visão porque ela basicamente se alinha com tudo o que estamos falando
00:31:37na Vercel e com o v0 também.
00:31:40Trata-se de fechar esse ciclo: do deploy...
00:31:43até a observação no PostHog para corrigir e iterar automaticamente também.
00:31:49Isso é incrível.
00:31:50Uma última pergunta antes de encerrarmos, pois sei que nosso tempo acabou.
00:31:56Como as pessoas podem se envolver na comunidade do PostHog?
00:32:00Eu disse no início que o PostHog é de código aberto.
00:32:03Vocês aceitam contribuições?
00:32:05Não sei se entendi isso corretamente.
00:32:06A propósito.
00:32:07Eu li isso.
00:32:08Sim.
00:32:09Com certeza, 100%.
00:32:10Recebemos PRs de todos os lugares e nós os revisamos.
00:32:16Também existe um fórum do PostHog onde você pode tirar dúvidas.
00:32:21Temos eventos ao vivo.
00:32:22Novamente, eu gostaria de ter o link em mãos, mas te passo depois.
00:32:26Sim, com certeza.
00:32:27Sim, há eventos ao vivo.
00:32:29E basta se inscrever.
00:32:30Use o aplicativo.
00:32:31Diga-nos o que achou.
00:32:32Sabe, entre em contato no X ou o que você usar, LinkedIn ou o que for.
00:32:37E conte-nos sua opinião; somos muito ativos em todas essas plataformas.
00:32:40Incrível.
00:32:41Muito obrigado, Brooker.
00:32:43Isso foi fantástico.
00:32:44E para todos que estão assistindo, se tiverem perguntas complementares, deixem no
00:32:49chat e garantiremos que a equipe do PostHog responda a elas.
00:32:54Mas, enfim, muito obrigado, Brooker.
00:32:56Agradeço pelo seu tempo aqui.
00:32:58Obrigado.
00:32:59É isso aí.
00:33:00Obrigado pelo convite.
00:33:02Maravilha.
00:33:03Muito obrigado a todos por participarem deste chat e da nossa sessão ao vivo hoje.
00:33:08Caso não saibam, realizamos uma sessão comunitária ao vivo quase toda semana.
00:33:14Se acessarem [community.vercel.com/events](https://www.google.com/search?q=https://community.vercel.com/events), verão um calendário bem legal com todos
00:33:21os nossos eventos presenciais e online.
00:33:24Então, contem para nós: qual a próxima integração que gostariam de ver em nossa sessão comunitária?
00:33:31E nós com certeza traremos para vocês.
00:33:33Incrível.
00:33:34Bem, muito obrigado a todos por estarem conosco hoje.
00:33:39Espero ver vocês na nossa próxima sessão ao vivo.

Key Takeaway

A colaboração entre PostHog, Vercel e v0 redefine o ciclo de desenvolvimento ao permitir a identificação, depuração e experimentação de produtos em tempo real através de agentes de IA integrados.

Highlights

A integração direta entre PostHog e v0 permite que desenvolvedores transformem ideias em experimentos ao vivo sem sair do ambiente de construção.

O uso do Model Context Protocol (MCP) dá ao agente do v0 a capacidade de acessar dados do PostHog para identificar e corrigir erros de produção automaticamente.

Feature flags e testes A/B multivariados podem ser configurados via comandos de linguagem natural, facilitando a validação de novas funcionalidades.

A integração com a Vercel automatiza o gerenciamento de variáveis de ambiente e chaves de API, eliminando tarefas manuais e aumentando a segurança.

O recurso de Session Replay oferece uma visão visual do comportamento do usuário, ajudando a contextualizar falhas que logs tradicionais podem não revelar.

A visão de futuro do PostHog aponta para o desenvolvimento autônomo, onde IAs monitoram métricas e aplicam correções de código sem intervenção humana constante.

Timeline

Introdução e Visão Geral do PostHog

A sessão começa com Pauline Navas, da equipe de comunidade da Vercel, dando as boas-vindas aos participantes e apresentando a proposta do encontro. Ela introduz o PostHog como uma plataforma de análise de produto de código aberto que engloba ferramentas como feature flags e testes A/B. O grande diferencial destacado é a nova integração direta com o v0, permitindo que a análise de dados seja parte integrante do processo de criação. Pauline enfatiza que essa conexão elimina a barreira entre o lançamento de uma funcionalidade e a compreensão do seu impacto real. Este segmento estabelece o tom da conversa sobre como construir e validar produtos de forma muito mais ágil.

Casos de Uso e Integração com Vercel

Brooker, engenheiro de produto do PostHog, assume a palavra para detalhar por que os usuários do v0 e da Vercel devem se interessar pela plataforma. Ele demonstra o processo de instalação da integração através do Marketplace da Vercel, ressaltando a facilidade de sincronizar variáveis de ambiente automaticamente. Brooker explica que a chave do PostHog é essencial para identificar o projeto e monitorar eventos de produção sem a necessidade de configurações manuais complexas. O palestrante aborda a importância de ter visibilidade sobre erros que ocorrem apenas em ambiente real, indo além do que é visto no modo de visualização. O objetivo central aqui é mostrar como a infraestrutura da Vercel e a inteligência do PostHog trabalham juntas para simplificar o fluxo do desenvolvedor.

Depuração de Erros com MCP no v0

Nesta fase prática da demonstração, Brooker utiliza um jogo chamado "Hog Hop" para ilustrar como o Model Context Protocol (MCP) funciona dentro do v0. Ele simula um bug onde o jogo trava ao coletar certos itens e pede ao agente do v0 para localizar e corrigir o erro usando os logs do PostHog. O agente consegue identificar a falha no código e aplicar uma correção imediata, demonstrando o poder da IA em resolver problemas de produção com pouco contexto manual. Brooker também menciona o Session Replay como uma ferramenta vital para ver exatamente o que o usuário fez antes de um erro ocorrer. Este trecho sublinha como a IA pode atuar como um engenheiro assistente que possui acesso total aos dados de telemetria da aplicação.

Configuração de Feature Flags e Experimentos

O foco muda para a experimentação ativa, onde Brooker mostra como criar feature flags multivariadas diretamente pelo chat do v0. Ele propõe um teste A/B para o jogo, comparando uma funcionalidade de "laser nos olhos" com a habilidade de pular nos inimigos para eliminá-los. O agente do v0 não apenas configura as flags, mas também sugere hipóteses e métricas primárias, como a taxa de conclusão do jogo. Brooker discute a importância de monitorar métricas secundárias para entender efeitos colaterais imprevistos nas mudanças de produto. A discussão flui para a flexibilidade de ajustar experimentos em andamento sem perder a continuidade dos dados coletados. É uma lição prática sobre como a validação de hipóteses pode ser integrada ao desenvolvimento de software cotidiano.

Visão de Futuro e Comunidade

Na conclusão da sessão, Brooker compartilha a visão do PostHog sobre o futuro do desenvolvimento autônomo, onde sistemas inteligentes corrigirão erros e otimizarão métricas de forma proativa. Ele imagina um cenário onde o desenvolvedor atua mais como um guia estratégico do que um executor de tarefas de baixo nível. Pauline e Brooker discutem como as pessoas podem contribuir para o projeto de código aberto do PostHog através de pull requests e participação em fóruns. A sessão termina com um convite para a comunidade sugerir as próximas integrações que desejam ver nas sessões da Vercel. Este encerramento reforça o compromisso das empresas em criar um ecossistema de ferramentas que prioriza a velocidade e a autonomia do desenvolvedor.

Community Posts

View all posts