Ship 26 NYC - Workshop - Colocar um app em produção com v0 e Snowflake
VVercel
Computing/SoftwareInternet Technology
Transcript
00:00:00Olá a todos, bem-vindos ao workshop de integração do v0 com o Snowflake. Esta é a edição
00:00:12de Nova York. Fizemos o mesmo em Londres há duas semanas. Esta sessão é para clientes
00:00:23Enterprise do Snowflake e clientes Enterprise do v0. É preciso ter essas duas integrações para
00:00:31usar este recurso. Deixe-me me apresentar primeiro: meu nome é Dom, entrei na Vercel há quatro
00:00:39anos e meio como engenheiro. Hoje sou Forward Deployed Engineer, ajudando os maiores
00:00:47clientes Enterprise da Vercel a adotar vários frameworks, cargas de trabalho de IA, agentes e,
00:00:57em geral, a adotar a plataforma. Jordan? Sim, oi, meu nome é Jordan, sou do Snowflake.
00:01:05Estou lá há dois anos, sou Staff Software Engineer e trabalhei no lado do Snowflake nesta integração.
00:01:12Legal. Então, dito isso, vamos para um slide. É, basicamente,
00:01:23a integração aqui é: você constrói seus apps na ferramenta v0 da Vercel, que é uma ferramenta de programação com agentes da Vercel.
00:01:30Ela tem uma experiência de desenvolvimento de alto nível, um Next.js muito bom. Você vai implantar
00:01:37esse app no Snowflake. Depois de implantado no Snowflake, ele roda inteiramente na sua conta do Snowflake.
00:01:41Ele será implantado com uma função (role) do Snowflake e usará o RBAC do Snowflake,
00:01:47o Single Sign-On que você tiver e tudo mais que o Snowflake oferece. É totalmente
00:01:53separado e roda com segurança na sua conta. A ideia é ter o melhor dos dois mundos: a
00:02:01DX da Vercel e todos os dados corporativos, conformidade e RBAC do Snowflake.
00:02:10Apenas um aviso: normalmente, workshops têm exercícios práticos,
00:02:17mas, como disse no início, é preciso ser cliente Enterprise de ambos os lados. Então,
00:02:22vamos mostrar uma demonstração, na verdade algumas, e depois passar para uma sessão interativa para saber de vocês,
00:02:29a plateia, o que podemos construir no v0 com o conjunto de dados de exemplo do Snowflake. Depois,
00:02:38passaremos para a sessão de perguntas e respostas. Aqui quero mostrar como nós na Vercel usamos essa integração. Existem
00:02:48três pilares: os padrões, que permitem criar painéis interativos em tempo real usados pelas equipes de GTM
00:02:58para mostrar pipelines, uso do produto e velocidade. Você não precisa saber SQL, pode apenas
00:03:07dar um prompt para gerar seu painel. Esse é o uso padrão desta
00:03:17integração. Diferentes equipes também usam métricas de adoção de produtos ou BI personalizado,
00:03:31com apps personalizados que mostraremos mais tarde. E o meu favorito, que descobri recente sobre
00:03:39a minha equipe na Vercel: você pode criar seu próprio painel personalizado de ARR e finanças da equipe
00:03:50e detalhar até o nível de SKU ou serviço. Eu não sabia quanta receita
00:03:57minha equipe gerava e, enquanto trabalhava neste workshop, descobri que é muito bom.
00:04:03Certo. Para quem é cliente do Snowflake e conhece o Streamlit, sabe que há muitos
00:04:14painéis lá. Um benefício aqui é ir além de simples painéis. Painéis são
00:04:21ótimos e suportados, mas também ferramentas internas. É JavaScript, é Next.js, então você pode construir
00:04:27o que imaginar. Ferramentas internas são ótimas: você pode ter tabelas onde grava dados e elas
00:04:31interagem com outras tabelas existentes, adicionando mais aos seus dados e até criando apps com agentes.
00:04:38Você pode conversar com seus dados e construir apps mais sofisticados se tiver tempo. Tenho
00:04:44usado isso internamente para obter informações de logs, ver de onde vieram esses logs,
00:04:50quem são os usuários e aprender mais sobre eles. Durante as investigações,
00:04:55posso saltar de um conjunto de dados para outro. É muito bom para esse tipo de coisa.
00:05:01Este é o objetivo principal do que se pode fazer com esta integração.
00:05:09Posso descrever isso: para usar esta integração, o administrador do seu plano Enterprise
00:05:16no Snowflake precisa ativar o runtime de apps do Snowflake nas configurações
00:05:23e depois ativar a integração com a Vercel. Esses são os dois passos necessários. Do lado
00:05:29da Vercel, o administrador precisa adicionar o Snowflake à equipe do v0 em Configurações e
00:05:37Integrações. Para ilustrar: no v0, você vai em Configurações da Conta, adiciona Integrações,
00:05:47adiciona a conta do Snowflake a partir do identificador da conta e conecta aos seus conjuntos de dados.
00:05:58É assim que se parece. Esta captura de tela é da Vercel.
00:06:04Essa é a configuração. Vamos lá agora.
00:06:10Vou mostrar uma demonstração começando com o prompt. Na
00:06:16primeira parte, o v0 construirá o painel usando os dados. Na
00:06:25segunda parte, vou implantá-lo no Snowflake. Há mais detalhes sobre isso que vou explicar
00:06:31enquanto o v0 processa. Mas, como dica, vou adiantar que
00:06:39devido às melhores práticas de estratégias de renderização do lado do servidor no Next.js,
00:06:47ele será executado no servidor e,
00:06:51na verdade, rodará próximo aos seus dados no Snowflake por questões de conformidade. Vou
00:06:55explicar isso mais tarde. Certo, é simples assim implantar na infraestrutura
00:07:05do Snowflake. Sim, você ouviu direito. O v0 construirá e implantará,
00:07:15usando a computação do Snowflake junto aos dados do Snowflake. Se você é cliente Enterprise, pode
00:07:24escanear este QR code ou, se quiser uma demonstração personalizada da equipe de vendas, escaneie este QR code
00:07:32e esse recurso será ativado para você. Certo, vamos para a demonstração prática.
00:07:47E claro, preciso me reautenticar com o Okta por ser Enterprise. Faremos
00:07:54bastante isso. O mais importante sobre isso é a palavra-chave “Snowflake”.
00:08:05Você só precisa dar o prompt pedindo para usar o Snowflake. Para agilizar a demonstração, direi para usar o conjunto de dados do
00:08:14Crunchbase. Quero criar uma demonstração padrão: um painel
00:08:25que mostre
00:08:29informações sobre IPOs ao longo dos anos, com toda a inteligência sobre IPOs. Vamos deixar o v0
00:08:39preparar isso.
00:08:48Certo, isso deve ser suficiente.
00:08:53Enquanto o v0 processa, ele primeiro verificará e consultará o conjunto de dados do Snowflake. Ele deve
00:09:03me pedir permissão ou fazer perguntas adicionais.
00:09:09Snowflake ao vivo... ok, ok.
00:09:18Pode haver algo mais... o v0 deve me pedir para conectar ao banco de dados do Snowflake
00:09:31e começará a consultar o que precisa construir de acordo com o meu prompt. Estou me conectando
00:09:53agora ao Snowflake, que é a essência dessa integração.
00:10:01O v0 seguirá as melhores práticas para desempenho web, renderização em Next.js
00:10:09e estratégias de armazenamento em cache, criando um
00:10:15painel personalizado em tempo real. Isso deve levar cerca de três minutos para ser concluído.
00:10:24Nesse meio tempo, quero mostrar
00:10:29e falar sobre uma publicação no blog que fizemos em novembro do ano passado.
00:10:36Convidamos algumas empresas para testar essa integração. Quero destacar e contar para vocês
00:10:45por que essa integração é incrível.
00:10:51O v0 escreve código para a camada de gerenciamento de acesso, conectando aos seus dados
00:11:00e programando toda a aplicação Next.js usando o v0. No entanto, ao implantá-la, ela será
00:11:06implantada na infraestrutura do Snowflake, no mesmo local e ao lado dos dados.
00:11:14O motivo disso são os requisitos corporativos de conformidade, segurança e velocidade.
00:11:22A Vercel gerencia a aplicação na camada de autenticação, enquanto o Snowflake cuida da computação e dos dados.
00:11:29Outro ponto que quero mostrar é que,
00:11:36ao criar esta aplicação, você pode usá-la para si mesmo ou enviá-la
00:11:41para membros da sua equipe ou organização. Para visualizar a aplicação, é preciso
00:11:49fazer login e se autenticar. Portanto, os dados exibidos nessa aplicação
00:11:57são exatamente aqueles que você tem permissão e direito de ver. Ao enviar o link
00:12:02desta aplicação e painel, apenas as pessoas autorizadas verão os dados.
00:12:11Para economizar tempo, eu já havia implantado esta aplicação. Levou 3 minutos e 43 segundos antes.
00:12:38Não sei por que está demorando mais agora, coisas de demonstração ao vivo.
00:12:44Reinstalando dependências...
00:12:49Esta é a aplicação implantada com exatamente o mesmo prompt, criando o painel do mercado de IPOs.
00:13:00Como podem ver, ela é interativa.
00:13:14Certo, está finalizando.
00:13:27Veja: 50.000 IPOs, capital total captado, anos de pico. É possível ver o painel gerado. Você pode iterar sobre isso
00:13:39e, ao publicar,
00:13:42ao visitar o site, é necessário fazer login. Essas são as permissões de que eu estava falando.
00:13:50Para visualizar, preciso autenticar minhas permissões no Snowflake. E está implantado...
00:13:57não sei se conseguem ver a URL,
00:14:00está implantado em snowflakecompute.app.
00:14:04E qualquer outra pessoa que acessar terá direitos diferentes.
00:14:10Certo.
00:14:16Esse foi o fluxo básico. O Jordan mostrará uma versão
00:14:22muito melhor e mais interessante do que o v0 é capaz de fazer.
00:14:27Certo, vou trocar de
00:14:31notebook.
00:14:37Alguém tem alguma pergunta, a propósito, durante a...
00:14:45Passe o microfone, por favor.
00:14:49Se você tiver modelos semânticos definidos em algo como o dbt Cloud, há uma maneira de conectar
00:14:54isso a este sistema, para que as consultas geradas nas tabelas estejam disponíveis para os modelos
00:15:01projetarem ao redor?
00:15:05Usar o modelo semântico para projetar consultas SQL, certo? Sim, se você estiver usando o dbt
00:15:11para gerenciar o próprio modelo.
00:15:18Desculpe, qual foi a pergunta de novo? Se estivermos usando algo como o dbt
00:15:25para as diferentes camadas do seu... digamos que você tenha uma arquitetura Medallion no Snowflake,
00:15:30mas se você tiver uma camada semântica do dbt e usar o dbt Cloud para gerenciar
00:15:34isso, há como integrar a este sistema? Sim, você pode orientar via prompt. Acho que dá para influenciar
00:15:40e direcionar, porque é tudo baseado em LLM. Existem várias camadas: a camada do v0
00:15:46e, no lado do Snowflake, outra camada. Se quiser otimizar,
00:15:55há muitas formas de fazer isso, via prompts ou avaliações (evals), caso vá para produção.
00:16:02Isto aqui é “vibe coding”, rápido, do prompt à ideia, trazendo o que você quer.
00:16:08Isso responde à sua pergunta? Eu só estava curioso se havia algum tipo de integração de dados.
00:16:13Sim, existe uma nativa inclusive. Há sim.
00:16:23Na observabilidade, dá para ver tudo o que acontece no app,
00:16:27tanto no lado do Snowflake quanto no lado da Vercel.
00:16:33Para esta demonstração, vou mostrar os dados brutos que usaremos
00:16:41aqui. São dados sobre usinas de energia. Em uma situação típica, você executa uma consulta como esta:
00:16:48muitas informações, longitude, latitude, onde ficam essas usinas, difícil
00:16:55de entender. Criei este app previamente para economizar tempo, seguindo os mesmos passos
00:17:01de antes. Seleciona-se uma conta; neste caso, tenho várias contas no Snowflake. Clientes grandes
00:17:07podem ter muitas contas e escolher qual usar em cada chat.
00:17:13Avançando por aqui, para tornar isso mais interessante,
00:17:20já temos resumos e a tabela. Se eu quiser adicionar um globo para visualização,
00:17:42como estamos usando JavaScript e Next.js, ele deve encontrar as bibliotecas adequadas para isso,
00:17:50renderizar um globo, analisar as tabelas existentes
00:17:55aqui, obter a longitude e latitude e renderizar algo mais interessante.
00:18:02Como pré-requisito, podemos explicar o conjunto de dados primeiro?
00:18:07Temos dados sobre usinas de energia nos EUA. Temos esta fonte de dados
00:18:15compartilhada no Snowflake Marketplace, onde é possível comprar conjuntos
00:18:20de dados. O acesso a eles é atualizado periodicamente para exploração.
00:18:29Este aqui é um conjunto de dados gratuito, certo? Sim, é gratuito.
00:18:37Há conjuntos de dados gratuitos disponíveis que podem ser combinados com os seus próprios dados
00:18:41para obter insights mais detalhados.
00:18:49Eles também funcionam muito bem para demonstrações.
00:18:55Certo.
00:18:59Parece que funcionou.
00:19:04Em vez de mostrar apenas painéis tradicionais para a diretoria, executivos ou clientes,
00:19:13esta integração com o v0 permite criar visualizações interativas em tempo real
00:19:23para o seu painel e conjunto de dados,
00:19:29como este exemplo.
00:19:34Agora temos a parte interativa. Temos este conjunto de dados gratuito
00:19:41do Marketplace. Podemos testar com a plateia: se quiserem sugerir prompts para
00:19:46visualização, podemos fazer isso ou ir direto para as perguntas e respostas.
00:19:59Alguém tem dúvidas ou quer enviar um prompt para testarmos? Em termos de recursos,
00:20:09é possível executar modelos de regressão e construir pipelines dentro disso ou é
00:20:14mais focado em “vibe coding” para visualização exploratória?
00:20:20Posso responder a esta. Sim, é puro “vibe coding” focado em pessoas não técnicas.
00:20:28No entanto, gostei da sua pergunta, é legal. Eu diria...
00:20:35Existe uma integração...
00:20:44Certo.
00:20:47Normalmente o v0 tem integração com o GitHub, permitindo conectá-lo ao ciclo de vida normal de CI/CD.
00:20:56Aqui é possível baixar o código. É um protótipo; levou cerca de 1 minuto
00:21:05e 53 segundos para ser gerado. Foi super rápido,
00:21:11via “vibe coding”, e melhor do que os relatórios e painéis típicos que você tem.
00:21:19Eu baixaria esse código e criaria avaliações (evals) para o modelo por trás dele.
00:21:33É apenas o modelo do v0 por trás; não há um app de IA com o qual se possa conversar diretamente.
00:21:39Como mostrado no slide, há o BI tradicional, partes interativas e personalizadas e,
00:21:46em terceiro lugar, o recurso que não tivemos tempo de demonstrar. Mas você pode pedir ao v0 para adicionar um chat
00:21:51para conversar com os dados. O v0 entregará isso perfeitamente.
00:21:59A partir daí, eu criaria avaliações e pipelines para evitar alucinações. Esse é um uso avançado.
00:22:08Obrigado pela pergunta, muito boa.
00:22:19Queremos encerrar por aqui?
00:22:30Ao implantar isso, como funciona a autenticação?
00:22:35Ótima pergunta.
00:22:38Uma vez implantado, o app fica na sua conta do Snowflake.
00:22:41A autenticação funciona como de costume na sua conta do Snowflake. Ao acessar o app,
00:22:48você verá uma solicitação de login. Se houver Single Sign-On configurado,
00:22:54como no meu caso, ele fará o login na sua conta do Snowflake exigindo usuário,
00:22:59me conectando à minha conta do Snowflake, então preciso do usuário e senha do Snowflake ou
00:23:04login único, e o resto fica tudo dentro do Snowflake. Então, uma vez no Snowflake, não há
00:23:10mais conexão com a Vercel. Não é como se você estivesse logando na
00:23:13Vercel, nesse ponto fica totalmente dentro da sua conta do Snowflake.
00:23:19Se for para uma equipe de usuários de negócios, não desenvolvedores...” Se for para uma equipe assim, eles
00:23:26teriam que ser cadastrados, acho que no Snowflake, sim. Teriam que ter conta lá. Mas
00:23:32o Snowflake está criando formas de expor esses apps para usuários sem conta no Snowflake, então
00:23:39esse tipo de coisa... já existe algum suporte agora, mas vem mais por aí, porque essa
00:23:42é definitivamente uma necessidade para apps no Snowflake em geral. Acho que dá para entrar porque...
00:23:50bom, talvez não... Dá sim, e você tem funções diferentes na conta do Snowflake e pode
00:23:56selecionar quais funções no v0 usar para a aplicação nas configurações da conexão desses dois
00:24:05aplicativos. Então é super importante que o usuário final só veja os dados que tem
00:24:12permissão de ver, esse problema está resolvido, né? E você pode criar seus painéis via vibe coding com isso em
00:24:20mente, o que é bem legal na minha opinião. Ah, viram só? Então você tem essas funções e pode copiar
00:24:29essas funções ou simplesmente dizer “v0, por favor, use apenas essas funções para esta aplicação”. Obrigado pela
00:24:36pergunta. É, eu ia te perguntar... desculpa, ah sim, cuidado, é a sua conta, cara! Ele
00:24:48está literalmente tirando fotos! Ah sim, é isso, foram boas fotos. É, eu ia te fazer uma pergunta:
00:25:00se você quisesse criar componentes assim e colocá-los em um app Next.js implantado na Vercel,
00:25:09basicamente ter componentes que consultam dados do Snowflake, isso é possível ou não com essa estrutura?
00:25:19Sim, é possível. Beleza. Então... na verdade, levantem a mão quem usa o v0, posso perguntar
00:25:31à plateia? Quem usa o v0? Legal. E quem usa o Snowflake ou é cliente do Snowflake?
00:25:41Mais clientes, mais clientes do Snowflake. Legal! Diferente de Londres... Então, para responder à sua
00:25:48pergunta, aqui estão seus componentes como este, tipo shadcn... este é o explorador de plantas. Ah, ok, onde está o globo?
00:25:59Provavelmente em algum lugar por aqui... talvez em app...
00:26:08Nossa, como estão estas APIs? Talvez em uma das páginas... em uma dessas outras, está tipo aninhado dentro de
00:26:13um desses componentes.
00:26:18Ele gerou o globo inteiro por vibe coding? Ah sim, aí está. É, são 167 linhas de componentes de UI, então
00:26:27com isso você tem este código, né? Pode baixar, pode iterar sobre ele. Só para
00:26:34vocês saberem, foi de primeira, tá? Vocês podem ver que... ok, a primeira versão foi o prompt inicial e depois
00:26:44adicionar o globo foi outro prompt, então versão dois. Porque o nome no v0 é v1, v2, etc. Isso responde à sua pergunta?
00:26:52Sim. Manda bem, obrigado.
00:26:58Podemos mostrar mais se quiserem, tipo, no v0 você tem acesso direto...
00:27:04Você pode ver o... ah, a propósito, vocês provavelmente vão ver todo o banco de dados ao qual se tem
00:27:08acesso. É uma conta de teste, sim. Ah, beleza, acho que de boa. Então você pode explorar seu
00:27:15banco de dados dentro do v0, o que significa que você também pode conversar com o seu banco de dados. Então não precisa
00:27:21implantar nenhum app, não precisa mostrar nenhum painel, dá literalmente para conversar com seus dados.
00:27:29Você provavelmente precisa se conectar de novo, talvez... acho que deve ser só o excesso de tabelas nesta
00:27:34conta. Ah, entendi. É, provavelmente. E você também pode rodar consultas SQL diretamente do v0, então
00:27:45haverá mais recursos no futuro também. Mas eu pessoalmente acredito que
00:27:51dá para criar painéis interativos muito legais por vibe coding, o que é um diferencial sensacional.
00:27:58Certo?
00:28:01Acho que é isso. Se quiserem testar isso, basta entrar em contato com a Vercel ou com o Snowflake.
00:28:10Muito obrigado por hoje.