Trilha

Next.js

13. Projeto

Clone do ChatGPT com Next.js

Login

⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    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
  • ⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    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