Todos

Mini Projetos

Resolução do Mini Projeto

Clone do ChatGPT com Next.js

Login

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
  • Acesso exclusivo para membros PRO

    Esse conteúdo é exclusivo para nossos assinantes.

    Libere esse e muito mais conteúdo assinando o Codante PRO.

    Criando a action de adicionar uma mensagem do usuário

    Vamos fazer a action de adicionar mensagem do usuário no chat

    Comentários

    (0)