Mini Projetos

Resolução do Mini Projeto

Clone do ChatGPT com Next.js

Introdução

Introdução ao projeto Clone do ChatGPT

Layout da Aplicação

Criando a tela inicial do chat

Construindo a sidebar

Criando a tela de chat

Chamada para a API

Chamando a API da OpenAI

Criando o hook customizado use-chat

Criando a estrutura do useReducer

Criando a action de adicionar uma mensagem do usuário

Chamando a API no useEffect

Finalizando a Sidebar

Listando os chats na sidebar

Gerando o título com a API da OpenAI

Salvando as conversas no localStorage

Trocando o chat no clique da sidebar

Deletando uma conversa

Conclusão

Finalizando o projeto e fazendo o deploy

Introdução

Introdução ao projeto Clone do ChatGPT

Layout da Aplicação

Criando a tela inicial do chat

Construindo a sidebar

Criando a tela de chat

Chamada para a API

Chamando a API da OpenAI

Criando o hook customizado use-chat

Criando a estrutura do useReducer

Criando a action de adicionar uma mensagem do usuário

Chamando a API no useEffect

Finalizando a Sidebar

Listando os chats na sidebar

Gerando o título com a API da OpenAI

Salvando as conversas no localStorage

Trocando o chat no clique da sidebar

Deletando uma conversa

Conclusão

Finalizando o projeto e fazendo o deploy

Introdução ao projeto Clone do ChatGPT

Veremos o que vamos construir nesse mini-projeto

Comentários

(0)