Next.js ChatGPT 🤖💬

Welcome to nextjs-chatgpt-app! 🎉🚀 Responsive chat application powered by OpenAI's GPT-4, with chat streaming, code highlighting, code execution, development presets, and more. The app is built using Next.js and TypeScript, and it's designed to be easy to use, customize, and extend. We encourage you to contribute and help improve this project! 😊

Features & Roadmap ✨

• Chat with OpenAI's GPT-4 🧠
• System presets (Developer, Scientist, Executive, and ChatGPT) 🎭

  

• Real-time streaming of AI responses ⚡
• Cool stuff
  • Syntax highlighting for multiple languages 🌈
  • Code execution for TypeScript, JavaScript, and HTML code blocks 🖥️
  • Drag and drop files to add them to the prompt 📁

    

• Dark mode 🌙
• User-provided API keys
• 🎉 NEW Support for GPT 3.5 Turbo - @koganei
• 🎉 NEW Custom system purpose - @typpo
• Developer-oriented features
• Stop generation
• Voice input
• Mobile app (PWA)
• Add your idea in the issues!

Why this? 💡

Because the official Chat is slower than the API, and the Playground UI doesn't even highlight code.

Developing 🚀

Tech Stack 🛠️

Simply clone the repository, install the dependencies, and run the development server:

git clone https://github.com/Huniko519/ChatGPT-React-Next-Web.git
cd ChatGPT-React-Next-Web
npm install
npm run dev

Now the app should be running on http://localhost:3000.