Ship 26 NYC - Workshop - Do init ao deploy em 30 minutos
VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00Olá a todos. Sejam bem-vindos. Meu chamo Gordon Diggs. Sou gerente de engenharia na Stripe.
00:00:08E eu sou o Colin Wren. Também sou engenheiro na Stripe.
00:00:11Legal. Então, neste hackathon, vamos começar do zero e criar uma aplicação implantada
00:00:17usando vários provedores de serviço, esperançosamente em apenas 30 a 40 minutos. Mas primeiro, queremos garantir
00:00:24que todos aqui tenham os requisitos mínimos para trabalhar nisso. Então você precisa de um
00:00:29laptop. Você precisa de algum tipo de ambiente de codificação com agentes, seja o cloud code, o codex ou
00:00:35o cursor, que é o outro. E isso realmente não funciona com um telefone ou um tablet. Então, se você não tiver um
00:00:43laptop, apenas relaxe e assista. Tudo bem também. Mas legal. Então, os primeiros 10 minutos mais ou menos
00:00:51desta oficina, vamos falar sobre projetos da Stripe, dando a vocês algumas ideias de aplicativos, ajudando vocês
00:00:56a configurar a CLI. E então, 30 minutos depois disso, vocês usarão seu agente para criar um aplicativo
00:01:02do início à implantação e provisionar serviços com os projetos da Stripe. No final, vocês podem enviar seu
00:01:09aplicativo implantado para a nossa tabela de classificação. E então todos podem votar, sabe, nos aplicativos de que gostam. E
00:01:16talvez haja um vencedor. Vamos ver. Então vamos começar com uma visão geral do que são os projetos da Stripe,
00:01:22que é um novo produto da Stripe que permite que você ou seu agente provisionem rápida e com segurança
00:01:28a infraestrutura. Portanto, os projetos da Stripe são um plugin para a CLI da Stripe que permite que você ou seu agente
00:01:36provisionem serviços como hospedagem de bancos de dados, nomes de domínio, esse tipo de coisa. A maioria dos serviços tem
00:01:44níveis gratuitos e pagos. Então você não precisará necessariamente gastar nenhum dinheiro durante este hackathon. Mas para qualquer coisa
00:01:51paga, os projetos centralizam seu pagamento através da Stripe de forma unificada, para que você pague por todos os
00:01:59seus serviços de nuvem com um único método de pagamento. Assim que um provedor é conectado, os projetos salvam as variáveis de ambiente
00:02:09relevantes tanto na sua máquina local quanto na nuvem, e elas ficam disponíveis para você, podendo ser baixadas
00:02:15para outras máquinas e todo esse tipo de coisa. Então, novamente, para esta oficina, não há problema algum em usar apenas os níveis gratuitos.
00:02:21Estas são as categorias atuais de provedores. Colin, acho que você pode estar atrapalhando um pouco o código QR.
00:02:28E essas são as categorias que temos. Para obter uma lista completa de provedores, você pode simplesmente executar
00:02:35stripe projects catalog na CLI ou ver a página de provedores neste código QR.
00:02:40Legal. Incrível. E alguns de vocês já podem ter uma ideia de que tipo de projeto desejam
00:02:47construir. Isso é ótimo. Mas caso não tenham, queríamos dar alguns exemplos de aplicativos que
00:02:52foram construídos com projetos. Esses aplicativos devem dar uma ideia do que pode ser realisticamente construído e
00:02:58implantado em cerca de 30 minutos, para que você não comece com um plano ambicioso demais para o tempo determinado.
00:03:04Então, sim, aqui estão alguns exemplos de aplicativos criados por pessoas na Stripe durante os testes iniciais dos projetos.
00:03:10Todos esses aplicativos estão implantados ao vivo e muitos deles usam hospedagem, ou melhor, provedores de banco de dados e autenticação.
00:03:17Então aqui temos o painel de análises do GitHub. Este é um painel personalizado para extrair dados da API
00:03:22do GitHub. Ele usa hospedagem web, um banco de dados e um provedor de autenticação. Temos o pote da felicidade aqui. É uma maneira agradável
00:03:27de deixar notas para si mesmo ao longo do dia para encher seu pote de alegria. Isso usa autenticação, um banco de dados
00:03:33e hospedagem. E depois o meu jardim. Este é um pequeno aplicativo de jardinagem. Você pode catalogar suas plantas e receber lembretes
00:03:40de quando regá-las, usando hospedagem e um banco de dados. E por último, temos o tiny tales. É um pequeno aplicativo
00:03:45que usa um agente para recomendar livros apropriados para crianças pequenas sobre diferentes tópicos. Este usa APIs de LLM de IA e
00:03:52hospedagem. Então, sim, novamente, pensem apenas em projetos que estejam mais ou menos nesse tamanho, para que vocês possam
00:03:57construí-los dentro do tempo que temos. E então, assim que tiverem uma ideia para o seu projeto, passaremos
00:04:02o resto da oficina construindo-o usando agentes. É importante começar com um bom comando ao
00:04:08trabalhar com agentes. Especificamente, você deve dizer que tipo de serviços deseja usar. Então você dirá,
00:04:13eu quero implantá-lo. Quero usar um banco de dados, esse tipo de coisa. Você pode ser específico sobre
00:04:17o tipo de serviço que deseja usar. Você pode dizer, eu quero usar a Vercel para hospedagem, ou você pode deixar a
00:04:21Stripe, ou melhor, ou você pode deixar seu agente escolher no catálogo de projetos da Stripe para você. Então você pode
00:04:26dizer: eu quero um banco de dados. Os projetos da Stripe escolherão um e inicializarão um para você. E bem no final
00:04:32desta oficina, como o Gordon mencionou, temos uma tabela de classificação em projects.dev onde você enviará seu
00:04:38projeto e votará nos projetos que você mais gosta. E só por compartilhar seu projeto aqui,
00:04:45você ganhará alguns créditos da Stripe. Agora o Gordon vai guiar vocês pelos primeiros passos com os projetos
00:04:50da Stripe. Legal. Muito bem. Então vamos começar. Como eu disse, para concluir esta oficina, você precisa
00:04:58de três coisas. Bem, quatro coisas se você incluir o laptop, mas um ambiente de agentes, uma conta na Stripe
00:05:05e a CLI da Stripe. Então temos um guia do participante. Seria muito bom apenas escanear isto.
00:05:11Isso vai dar a vocês todas as informações que estarão nos próximos slides, mas vocês as terão
00:05:15de forma acessível. Então recomendo fortemente escanear este código QR. Vou dar um minuto para vocês fazerem isso.
00:05:21É aterrorizante quando você está dando uma palestra e todo mundo tira o telefone do bolso,
00:05:23mas fui eu quem mandou vocês fazerem isso. Então está tudo bem. E se você ainda não tem uma conta na Stripe,
00:05:30que também é gratuita, você pode escanear isto. Acho que vai direto para [dashboard.stripe.com/register](https://www.google.com/search?q=https%3A%2F%2Fdashboard.stripe.com%2Fregister).
00:05:38E isso vai resolver. Vou dar apenas um minuto para vocês escanearem caso precisem.
00:05:47Legal. E a próxima coisa que vocês vão precisar é da CLI da Stripe com o plugin de projetos da Stripe.
00:05:52Então há este comando NPX útil que vocês podem executar aqui mesmo. Apenas certifiquem-se de marcar as melhores práticas
00:05:58da Stripe e os projetos da Stripe quando for perguntado sobre as habilidades que vocês desejam adicionar. E este
00:06:05é um comando que você pode usar no seu ambiente de agentes apenas para instalar a CLI da Stripe.
00:06:13Ou se você quiser instalá-la diretamente no Mac, pode usar o brew install. No Windows, você pode usar o scoop.
00:06:23E isso também funciona. Eu nunca usei o scoop porque realmente não desenvolvo no Windows,
00:06:27mas o homebrew é ótimo. Então posso falar sobre ele. Perfeito.
00:06:33Então, sim, quando vocês executarem todos esses comandos, devem ter o plugin de projetos da Stripe instalado.
00:06:40Vocês podem testar se foi instalado corretamente executando stripe projects --help,
00:06:44conforme mostrado aqui. Alguém está tendo problemas para configurar? Por favor, levantem a mão se precisarem de mais
00:06:51tempo para instalar a CLI de projetos da Stripe. Ok, vamos dar mais um minuto ou dois,
00:06:57e então podemos continuar. Mas sim, novamente, basta executar stripe projects --help. Se vocês virem
00:07:02uma saída útil ali, significa que está instalado e pronto para uso.
00:07:08E se ainda estiverem com problemas, podemos passar por aí e ajudar em alguns minutos. Então não se preocupem
00:07:13muito com isso.
00:07:14Muito bem. Espero que todos tenham conseguido instalar. Se não, não se preocupem. É só nos chamar depois. Teremos prazer em ajudar.
00:07:26Então, assim que tiverem instalado no diretório onde desejam criar seu projeto, executem stripe projects
00:07:35init. Opcionalmente, vocês podem passar o nome do seu projeto. Caso contrário, ele usará apenas o nome
00:07:40do diretório. Quando vocês executarem este comando init, ele criará alguns arquivos principais. Ele criará
00:07:45uma pasta .projects com um state.json e state.local.json. Esses arquivos são a fonte de verdade para
00:07:53quais contas vocês estão usando, seus provedores e informações de recursos para o seu projeto específico.
00:07:59Vocês também verão que temos um arquivo de habilidade da CLI do projeto Stripe. Agora, esta é uma habilidade que dirá ao seu agente
00:08:08como usar a CLI do projeto Stripe. E assim que começarem a adicionar serviços ao seu projeto,
00:08:14vamos obter as chaves secretas para esses serviços e adicioná-las ao seu arquivo .env. Também baixaremos habilidades
00:08:24do agente para esses serviços no diretório .agent/skills para ensinar seu agente a utilizar melhor
00:08:31esses serviços. Agora vocês devem ter tudo o que precisam para começar a construir. De volta com você, Gordon. Legal.
00:08:37Incrível. Muito bem. Então agora é a vez de vocês. Vocês podem começar a construir. Vocês têm cerca de 30 minutos para construir seu
00:08:45projeto. Se alguém tiver dúvidas sobre os projetos da Stripe, teremos prazer em respondê-las. Basta levantar
00:08:50a mão. Se precisarem de ajuda para configurar o ambiente, podemos ir até aí e tentar ajudar com isso.
00:08:57Mas vou deixar algumas coisas na tela. Então estes são alguns dos comandos que vocês podem usar no projeto Stripe.
00:09:03Falamos sobre o init. Falamos sobre o catalog, que é onde vocês podem ver os provedores. Usem o add para adicionar
00:09:10um provedor ou um serviço. O open vai basicamente abrir o painel do provedor. Sincronizando variáveis
00:09:19de ambiente. Se vocês quiserem ver quanto estão gastando, temos um comando para isso. E então
00:09:24próximo ao final, quando estiverem se preparando para compartilhar seu projeto, há o stripe project share,
00:09:29que vai apenas compartilhar a pilha que vocês selecionaram. Ou seja, a lista de provedores que vocês escolheram.
00:09:34E se precisarem do ID da sua conta, vocês também podem obtê-lo lá. Então, obrigado por estarem aqui.
00:09:40Obrigado por participarem. Temos cerca de 30 minutos. Então construam, implantem, levantem as mãos se tiverem
00:09:46dúvidas e enviem suas coisas aqui. Mas vou voltar para este slide. E esse é o guia de participação
00:09:55real que tem todas as informações da apresentação de slides. Então é isso. Curioso para saber se alguém
00:10:01quer compartilhar alguma ideia de aplicativo que tenha e esteja construindo. Se puderem tirar uns 10 segundos
00:10:08de folga da construção para compartilhar.
00:10:12Sim. A ideia que estou pensando em construir é uma que eu já tentei construir sozinho,
00:10:22mas quero tentar fazer isso com esta ferramenta. Basicamente é um aplicativo para encontrar outros parceiros de treino para coisas como
00:10:31artes marciais, como Jiu-Jitsu, por exemplo. Notei que isso é algo que não existe. Então,
00:10:36digamos, por exemplo, que sua academia esteja fechada, ou seja fim de semana, ou você esteja viajando e queira treinar,
00:10:40mas todas as academias estejam fechadas. Se houver alguém perto de você que treine, não haveria como
00:10:43saber, a não ser talvez com este aplicativo que permitiria a você se conectar com outra pessoa que também
00:10:48esteja procurando um parceiro de treino e, super legal, treinar junto. Legal. Essa seria a minha ideia. Quer dizer,
00:10:52vou tentar. Incrível. Sim. Boa sorte. Isso é fantástico. Perfeito. Sim. É um ótimo
00:10:56exemplo porque, olha, você vai precisar de hospedagem web, vai precisar de um banco de dados,
00:11:00vai precisar de autenticação, vai precisar de um nome de domínio. Tipo, sim, isso é muito legal.
00:11:04Incrível. Se vocês tiverem mais dúvidas sobre os projetos da Stripe ou sobre a Stripe em geral,
00:11:08temos um estande logo ali fora. Vou ficar por lá. Tenho certeza de que o Colin também.
00:11:12Então sintam-se à vontade para passar lá e conversar sobre a Stripe, temos alguns brindes da Stripe e coisas assim. Mas muito obrigado
00:11:17a todos por virem e espero que tenham gostado de usar os projetos da Stripe. Legal. Obrigado a todos. Obrigado a todos.