Chatbot from scratch with Next, AI SDK, OpenAI, and Shadcn/UI

Подписаться 367 тыс.

Просмотров 44 тыс.

50% 1

Diego decided to venture into AI development once again. 👀
The challenge is always to transform the user experience, delivering the best a application can offer.
In this video, we'll create a Chatbot from scratch using Next, the OpenAI AI responsible for the development of ChatGPT and other GPT models, and we'll get to know AI SDK, which is Vercel's model.
So, let's code?
Don't forget to leave your questions about artificial intelligence in the comments with the hashtag #PR 😎
Follow Rocketseat on social media:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

Опубликовано:

10 июл 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 148

@GabrielLima-pv9nl Год назад

Seria legal um NLW com AI

@leandro40141 Год назад

Seria ótimo, para podermos aprofundar mais afundo o conhecimento AI

@ldstudio3044 Год назад

Sim boa ideia

@keroldias6465 Год назад

Eu estou desenvolvendo um site e eu preciso dessas funcionalidades...

@Ramon_Oyster_Cult Год назад

JavaScript Mastery

@raphaelpc Год назад

Apoio hehe

@victornascimento7008 Год назад

Que projetinho massa! Ansioso por uma NLW com a temática de AI.

@mauriciom8539 Год назад

Bom ver o diego consultando e tendo dúvidas como nós meros mortais, me identifico com vídeos assim

@mauriciom8539 Год назад

Senhor que incrível iniciativa, sempre na frente de todo mundo pqp. Muito legal mostrar pra nós de como ensinar as IA pra satisfazerem a necessidade do nosso negócio, se tem como ensinar pra elas nossos processos pra ela ajudar a responder novos usuário interessados ou sei lá. Agradecido

@iagosrodrigues Год назад

Ae, me ajudou bastante, estava precisando criar um para um chat interno aqui na empresa e o vídeo com as bibliotecas auxiliaram bastante. Valeu Diego

@joaodascouves5400 Год назад

Muito massa. Mais assuntos de IA sim 🙌

@laylaventilari3249 Год назад

Muito de orgulho de vocês e esperança pela transformação de que esse tipo de conteúdo trará para educação principalmente do nosso país, com essa metodologia incrível e inspiradora.💜

@thiagocosta4498 2 месяца назад

Gosto muito esse tipo de conteúdo, inclusive estou em um projeto na minha empresa exatamente disso. Excelente encontrar mais material a respeito

@felype_dev 8 месяцев назад

Será ótimo ter conteúdo cada dia mais relacionado a IA, ao ser muito útil qualquer conteúdo sobre esse assunto. Obrigado por está sempre trazendo educação para toda a comunidade. Isso é honroso.

@liderhenrique1140 Год назад

Que video insano Diegao parabens ai, conteudo top ein tras mais sobre SDK e IA para usuarios e para fazer codigos

@arthurcarminatti Год назад

Na minha opinião, você já pode trazer uma live de 20h mostrando esses outros conceitos mencionados, amém

@me.dwesley Год назад

Essa nova UI resolveu um problema bem importante que eu estava tendo com o Radix. Muito obrigado por apresentar isso a mim, Diego!

@BrocchiRodrigo Год назад

Vlw pela dica dessa biblioteca de UI, achei bem legal ter algo assim para ganhar velocidade no desenvolvimento de novos projetos!

@sandrofilho9448 Год назад

Que aula fodaaa! Parte 2 com certeza! Manda pra noisss

@wanderleynascimento210 Год назад

Maluco!!! Estou na espera desse projeto.

@jvbsipo Год назад

Incrível!! Traz mais vídeos sobre o tema!

@peterpontocom Год назад

Uma ideia: Usar a IA para resumir as mensagens recebidas no dia. Isso seria útil para aquela gente que quase não tem tempo para os email ou mensagens dos grupos do WhatsApp. A aplicação basicamente faria um resumo das conversas e iria filtrar as mensagens mais relevantes como, um aniversário, uma infelicidade, um evento marcado, coisas do género. Seria um assistente bastante útil.

@gabinaterra6077 4 месяца назад

Maneiro demais

@OtonielEmanuel Год назад

Muito massa! Mais projectos com AI.

@marcosatsantana Год назад

Adoraria mais projetos sobre I.A. tanto aqui quanto na plataforma da rocket tb, talvez no ignite..

@pedrosantos9689 Год назад

Projeto incrível, ver ele utilizando o System Message do ChatGPT seria maravilhoso e agregaria mais nele

@oliveirafocs 5 месяцев назад

Curti muito, parabens!!!

@matheusmotta3606 Год назад

Traz a continuação!!!!!!!! Ficou massa demais!

@klauwvideos Год назад

Que massa!! Diego, vc pode falar mais sobre como fazer a AI se comportar com o contexto da plataforma/aplicação? Já deixei de pegar muitos freelas de gente pedindo chat AI humanizado por conta de não saber como deixar apenas no contexto da plataforma do cliente.

@PabloRicheli Год назад

Gostei muito dessa ideia, manda + desses tipos

@rcoding513 Год назад

excelente, bora pra embeddings agora

@andreferreiradaweb Год назад

Muito top a aula, você poderia fazer um exemplo com integração ao banco de dados da aplicação, buscando informações ou salvando informações, seria bem top e mais parecido com uma aplicação real.

@vitinhodev Год назад

essa lib é muito bom utilizo no meu trabalho e fica muito mais fácil de alterar os componentes da maneira que você quer usar

@cauecatonesilva2069 Год назад

Muitoo boa essa aula, fui replicar, o chat n deixou, disse que eu tinha expirado meus consumos, mesmo eu nunca usando

@sjayoficial Год назад

Muito top 🔥

@diogosoares6546 Год назад

Carac Diego por favor traz mesmo a continuação desse conteudo usando conteudo real de uma aplicação, nunca te pedi nada kkkkkkkkkkkkkkkkkk

@DiogoLScarmagnani Год назад

Cara, muito legal! Ficou incrível. Será q consigo a partir disso q vc ensinou criar algum tipo de autenticação para poder compartilhar isso com alguns amigos, parentes etc.?

@kallebysantos5167 Год назад

Tras sobre respostas voltadas a nossa própria plataforma, acho que ia ser muito massa 🙏🙏

@rodrigo.martins Год назад

Muito legal Diego ! E o projeto que vc fez em Python? Rolaria um vídeo ?! 😊

@jpsamarino3 Год назад

Quero ver a continuação, respondendo a perguntas ligadas a uma plataforma.

@matheusspinosa9201 Год назад

ansioso para ver o que pega os dados da aplicação

@romulovictor1639 Год назад

Faz sobre o conteúdo da proporia aplicação, vai ficar massa!

@cpdrenato Год назад

Gostei. Agrega bastante este video

@rafaelpilartes1169 Год назад

Muito massa!!

@viniciusprudencio3577 Год назад

A biblioteca ShadCN/UI é incrível ! Parabéns por mais um vídeo incrível !!

@pauloluguenda8397 Год назад

acho que só passare a usar essa

@newerton Год назад

Tem o Mantine UI, que tem mais feature que o ShadCN.

@ryanassis4043 Год назад

@@newerton Fui pesquisar sobre esse Mantine Ui e de fato é muito bom mesmo

@allanscala Год назад

Conteudo incrivel

@caiomoraes6350 Год назад

Traz mais vídeos incrementando esse app!

@matheus_denigris4203 Год назад

Insano!

@lucasmuryllo9418 Год назад

Top de mais, tenso é o susto quando o Diego abre uma tela sem o DarkMode kkkkkk

@diegogoulart159 Год назад

Como treinar uma IA para dar dicas técnicas com base no código específico de um projeto? As dicas poderiam ser desde melhoria de código com base nos padrões da indústria até coisas de arquitetura.

@ivanvinicius8317 Год назад

Traz video falando sobre IA lidando com o conteúdo da página!

@user-sc4qx1ro9x Год назад

Seria possível aprimorar esse projeto com uma IA customizada? Para criar chatbot em site empresarial

@PauloHenrique-eq6rf Год назад

@Luccas_Alves Год назад

Eu acho que isso é resolvido montando a base de dados da empresa pra ele consumir. Em suma, acho que seria bom pra todo mundo um vídeo assim.

@vitor_andrey_ls Год назад

Vídeo excelente. Diegão gostaria de assistir conteúdos de como treinar ias para responderem com base no nosso negócio

@peterpontocom Год назад

Eu gostaria exactamente que o chat respondesse apenas perguntas relacionadas a aplicação. Eu tô trabalhando numa aplicação web de saúde mental e tem uma sessão que seria basicamente terapia com uma ia. É para um projecto da escola, então seu conhecimento sobre IAs será muito útil para o projecto.

@sourobertojr Год назад

brabo!!

@danielcarvalho4441 Год назад

mais um excelente conteúdo! parabéns! queria saber como fazer um chat bot que tenha respostas pré-definidas relacionadas a perguntas por palavras chaves, definindo-as em um excel. é recomendado programar esse tipo de funcionalidade? ou há formas melhores de fazer isso?

@gugasilva1648 Год назад

Cara POR FAVOR fala mais de todos esses termos lí que você comentou, principalmente nesse início de vídeo, tem muito ouro escondido aí e eu não faço ideia de por onde começar.

@me.dwesley Год назад

Traga mais, querido!

@technervs Год назад

Ensina a gente como criar esse chatbot consumindo dados de um banco de dados e uma base de dados como uma documentação... muito bom.... obrigado pelo conteúdo!

@eduxmba.MP241 Год назад

Essa é exatamente a minha dúvida como fazer o chatgpt responder com base nos conteúdos da minha plataforma, adoraria ver um conteúdo que falasse sobre isso,

@gopla3er794 Год назад

projeto muito legal ! vocês podiam fazer um dashboard em next js, com autenticação e etc...

@kayooliveiradev Год назад

UPUPUPUPUPUPUPUPUPUPUPUPUPUPUPUPUP

@MarcelZanlucas Год назад

Faz um vídeo com respostas relacionando em um conteúdo!

@aerocodes Год назад

Otimo video, Diego! Se me permite, galera, estamos ciando um projeto open source muito alinhado a esse apresentado no video! Lá no canal a gente cria uma aplicacao que vai um passo alem do chatbot que te permite administrar os agentes e acessá-los no VSCode. Abraços!

@aerocodes Год назад

No momento está em ingles e é uma breve apresentaçao, mas mais noticias só entrar nos links

@user-zk5fq6gz6m Год назад

Fala Diegão! O que acha de fazer um curso mais completo para implementação de algumas soluções de IA em uma aplicação web?

@leonardomoreno4019 Год назад

estou tendo dificuldade em relação a o lib/utils de poder falar mais sobre isso seria incrivel

@jeancleiborges7929 2 месяца назад

Dahora, me ajudou muito. Mas como eu poderia fazer para colocar uma label com a data e hora de cada mensagem? estou fazendo um chatbot que guarda as mensagens em um banco de dados mongodb, com data e hora, mas não sei como mostrar esse horário no frontend :/

@Brenosalv 11 месяцев назад

Faz mais conteúdo sobre IA

@julianobresolin 11 месяцев назад

estou tentando usar do huggingface mas apenas um modelo funcionou e é bem ruim , mas ja valeu a experiencia de implementar a sdk .

@gabrieloliveira3401 Год назад

Por favor diegão, faz esse chatbot vai ajudar muitoo

@marlonjosedepauladasilva8526 Год назад

top

@diegobonagurio1692 Год назад

Faz continuação do Jupiter ui 👀

@Garoa06 11 месяцев назад

Um tempo atrás ei tentei fazer um projeto de gerar por AI perguntas e 4 alternativas de respostas pra ajudar a estudar. Na teoria funcionava perfeito tinha um input q fazia a requisição pra API e por baixo dos panos eu especificava pra AI q a resposta e as perguntas deviam ser separadas por / depois pegava a response e dava um slice pra separar em uma array e organizar nos radios. Mas eu sempre recebia que tinha excedido meu limite de requisições mesmo no usage da openai aparecer 0 de 18 dólares usados 😢

@gabrielmiranda8727 Год назад

Fala diegao, como eu posso usar a IA para detectar as medidas do pé de um usuário com um app construído em react native e se possível gerar um forma 3d com essas medidas para ser impresso em um impressora 3d

@art2633 Год назад

Como poderíamos adicionar uma parte de treinamento de IA baseado em pergunta/respostas prontas ou padrões baseados em processos mapeados via json?

@GuFvr Год назад

Salve Diego, beleza mano? Tenho uma dúvida, como posso melhorar o desempenho e a velocidade da minha aplicação de IA? Quais estratégias de otimização posso usar para garantir um processamento mais eficiente?

@_Acrk629lak0sUg1s Год назад

Pow diegao mas assim é fácil, achei que tu ia usar um modelo de fato e criar um chat com ele.

@bruno.c.f5615 Год назад

Qual é o plugin de icons que vc utiliza. Gostei muito dele!

@antonioraimundo3787 10 месяцев назад

Qual configuração vc usa no seu terminal?

@kon1fps Год назад

qual tema ele ta usando no vs code?

@user-vv2no7pz1l 5 месяцев назад

Eu consigo criar este projeto utilziando React puro? Quais modificações eu teria que aplicar de forma geral?

@raimundojunior8547 Год назад

Diegão, eu tenho uma dúvida, como posso fazer esse mesmo chatbot só que em bot para discord? tipo criar meu próprio bot AI, da pra trazer esse conteúdo ? eu queria fazer um assim pra estudo, muito mais fácil do que usar navegador. E obrigado pelo conteúdo

@lukeverso Год назад

18:05 é o auge do Diego sendo o Diego. Mó silêncio... "Tá mó feio, né, cara?" (31:50 tem o brilho dele indo embora também!)

@Nadiduno 11 месяцев назад

Diego, podemos pegar um vídeo, usar AI para convertir em audio segmentando por 1 minuto (repetir 5 vezes) e extrair o texto desse áudio para fazer um site para ensinar idiomas

@dhionsonplastermoreira4867 Год назад

oppa traga o chat bot com integração a aplicação vai ser top vlw

@doasalah Год назад

Diego, eu consigo usar essa AI SDK da vercel num projeto que não seja Next? um Vite por exemplo.

@walkdead94 Год назад

Opaaa.. queria saber mais sobre a resposta relacionada ao conteúdo!! Ja ta aqui no canal?

@shift564 Год назад

Tem algum vídeo igual a esse só que fazendo aquela aplicação pra vídeo que você mostrou ?

@matheusfigueiredo1495 Год назад

@rocketseat Como conectar uma base de dados externa para servir de insumo nas respostas desse chatbot?

@user-kh4pr9jl4l Год назад

Bom dia, estou procurando um curso estilo full hack de IA, procurei na rockeat seat mas não tem ainda, só tenho garimpado na net informações, mas não tenho muito tempo livre, gosto muito do seu estilo de aulas, principalmente das dicas de melhores frameworks e bibliotecas suas, sugere algum curso , ou link de preferencia com você.

@principe.borodin Год назад

Seria interessante essa parte de IA, nao tem quase nenhum canal ensinando isso, e quando ensina, fica de forma muito abstrata

@webertonsilva6648 7 месяцев назад

Que extensão vc usa pra realizar essas pesquisas sem precisar abrir o navegador do Google ?

@Lucianovianasouza Год назад

Eu queria utilizar a Ai para e-commerce, mas creio que não é viável pelo preço e gostaria de usar meu banco de dados e existe no git explicando isso mas tem algo errado ou eu estou errado?

@matheusmczvieira Год назад

Alguém teve problema com a chave da OpenAi? Apesar de utilizar um email novo e copiando diretamente da página, o request retorna erro de chave inválida. :/ Tentei criar outra e testei em duas contas diferentes, uma dela criei na hora com email diferente.

@caiqueroliveira Год назад

Tenho uma duvida. Tenho uma aplicação e uma documentação para o usuário, com ajuda, como usar a aplicação, um FAQ. Como eu posso ensinar o Chat sobre essa documentação e deixar que o usuário pergunte a AI e responda com conhecimento da documentação e nada mais?

@renanlido_dev Год назад

Salve Diego, como ficaria a integração da api do Whatsapp com a api da OpenAI? Seria legal ver essas duas tecnologias integradas. Valeu!! #PR

@lucasfrutig4945 8 месяцев назад

vc pode usar o Twilio, pra usar o whatsapp, uma das opções

@dulii4238 8 месяцев назад

Cara eu to com uma duvida, eu queria comecar um projeto desse de chat bot, mas eu tava com muita duvida sobre onde achar a API, a minha duvida é, nao da pra usar essa sdk com Angular? tem alguma outra opcoes de api ou sdk, eu nao sei a diferenca, so que pra angular, eu sei que o conteudo da rockeaset nao e focada em Angular, mas independentemente aqui e um otimo lugar pra tirar duvidas, ou ate mesmo aprender coisas novas

@samueloliveira4465 Год назад

27:44 Essa é a melhor reação do Diego que eu já vi kkkkkkkkkkkkkkkkkkkkkkkkkk

@samueloliveira4465 Год назад

A partir desse trecho as reações do Diego são muito divertidas, claramente o cara se diverte codando, é disso que eu gosto, realmente muito bom. Vlw Rocketseat/Diego pelo conteúdo, ótimo como sempre.

@joaovictorconquista4677 Год назад

Fiz o tutorial e mesmo inserinfo perguntas a api não respode, eu preciso pagar pra isso ou não ?

@hayranguedescarvalho9144 Год назад

Mais alguém teve problemas com as estilizações de algum dos componentes? comigo o componente avatar não aplica as estilizações e traz as imagens no tamanho original

@neliodiassantos Год назад

Por favor, explica como deixar o tamanho da imagem responsiva no next js 13.4. tá sendo uma tortura kkk

@guilhermefernandes4509 Год назад

alguém sabe me dizer qual file theme ele usa?

@filipeleonelbatista Год назад

Eu tenho uma aplicação em Electron e gostaria de testar IA, alguem recomenda algum caminho?

@user-kn6wc5kk1e Год назад

como conseguiu acesso a esse navegador?? queria poder usar tb

@guilhermecaldeiragodoydasi2346 Год назад

Fica minha pergunta para o PR: Como evitar que os modelos presentes hoje treinem com os dados de sua empresa e suas regras de negócio se eles estão linkados com seu produto?

@pauloluguenda8397 Год назад

Diego não é bom em css grid? não é possível, :-(