19 Self-hosted ChatGPT Apps, Clones and Clients With Next.js and React

19 Self-hosted ChatGPT Apps, Clones and Clients With Next.js and React
Photo by Growtika / Unsplash

ChatGPT is a language model developed by OpenAI that is designed for generating conversational responses. It can be used to build chatbots, virtual assistants, and other interactive applications.

The ChatGPT Starter Template for React and Next.js is a pre-built template that provides a starting point for developers to integrate ChatGPT into their React and Next.js applications. It includes the necessary components and code structure to easily implement ChatGPT and create interactive chat interfaces.

Here, you can find the best open-source free, ChatGPT Clone with Next.js and React, that you can download, install, and use for free.

1- LlamaGPT

LlamaGPT is a free and open-source self-hosted, offline, ChatGPT-like chatbot, powered by Llama 2. 100% private, with no data leaving your device. It supports CUDA and NVIDIA GPUs.

GitHub - getumbrel/llama-gpt: A self-hosted, offline, ChatGPT-like chatbot. Powered by Llama 2. 100% private, with no data leaving your device. New: Code Llama support!
A self-hosted, offline, ChatGPT-like chatbot. Powered by Llama 2. 100% private, with no data leaving your device. New: Code Llama support! - GitHub - getumbrel/llama-gpt: A self-hosted, offline, Ch…

2- ChatGPT application with Next.js

Build and customize your own ChatGPT-like web app using Next.js and the OpenAI API. The provided code serves as a foundation, and you can customize it to fit your specific use case.
GitHub - jakeprins/nextjs-chatgpt-tutorial: Build your own ChatGPT application with Next.js, TypeScript, and TailwindCSS.
Build your own ChatGPT application with Next.js, TypeScript, and TailwindCSS. - GitHub - jakeprins/nextjs-chatgpt-tutorial: Build your own ChatGPT application with Next.js, TypeScript, and Tailwind…

3- ChatGPT++

ChatGPT is a web application that allows you to chat with OpenAI's GPT-3.5 Turbo AI model. The application can speak out loud response messages, learn new things, and save your conversations to your local machine.

You can also use the same model with ChatGPT Plus for a very low cost. You can also share with your friends, and the OpenAI account offers $18 free to use as ChatGPT Plus for 3-6 months or more.

ChatGPT++ has the following features:

  • Speakable response: The AI's response can be spoken aloud by your browser.
  • Teachable AI: You can easy to teach the AI new things by providing it with examples of how to respond to certain inputs.
  • Local data storage: Your conversations with the AI are stored locally on your machine using the browser's local storage API. No login is required to use this app.
  • Responsive design : You can use both PC or Mobile. I will update for tablet after.
GitHub - thangchiba/ReactJS-ChatGPT
Contribute to thangchiba/ReactJS-ChatGPT development by creating an account on GitHub.

4- BIG-AGI

This project offers a 💬 Personal AI application powered by GPT-4 and beyond, with AI personas, AGI functions, text-to-image, voice, response streaming, code highlighting and execution, PDF import, presets for developers, much more. Deploy and gift #big-AGI-energy! Using Next.js, React, Joy.


GitHub - enricoros/big-agi: 💬 Personal AI application powered by GPT-4 and beyond, with AI personas, AGI functions, text-to-image, voice, response streaming, code highlighting and execution, PDF import, presets for developers, much more. Deploy and gift #big-AGI-energy! Using Next.js, React, Joy.
💬 Personal AI application powered by GPT-4 and beyond, with AI personas, AGI functions, text-to-image, voice, response streaming, code highlighting and execution, PDF import, presets for developers…

5- Next.js ChatGPT

This is a 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.

GitHub - miroldev/ChatGPT-NextJs: ChatGPT Next.Js
ChatGPT Next.Js. Contribute to miroldev/ChatGPT-NextJs development by creating an account on GitHub.

6- ChatGPT Next Web

One-Click to get well-designed cross-platform ChatGPT web UI.

Features

  • Deploy for free with one-click on Vercel in under 1 minute
  • Compact client (~5MB) on Linux/Windows/MacOS, download it now
  • Fully compatible with self-deployed llms, recommended for use with RWKV-Runner or LocalAI
  • Privacy first, all data stored locally in the browser
  • Markdown support: LaTex, mermaid, code highlight, etc.
  • Responsive design, dark mode and PWA
  • Fast first screen loading speed (~100kb), support streaming response
  • New in v2: create, share and debug your chat tools with prompt templates (mask)
  • Awesome prompts powered by awesome-chatgpt-prompts-zh and awesome-chatgpt-prompts
  • Automatically compresses chat history to support long conversations while also saving your tokens
  • I18n: English, 简体中文, 繁体中文, 日本語, Français, Español, Italiano, Türkçe, Deutsch, Tiếng Việt, Русский, Čeština, 한국어, Indonesia

GitHub - Yidadaa/ChatGPT-Next-Web: A well-designed cross-platform ChatGPT UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT 应用。
A well-designed cross-platform ChatGPT UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT 应用。 - GitHub - Yidadaa/ChatGPT-Next-Web: A well-designed cross-platform ChatGPT UI (Web / PWA / Linu…

7- ChadGPT

ChadGPT features a clean and intuitive user interface. Users can interact with the app via a simple chat interface, which is accessible from any device with an internet connection. The app's sleek design and ease of use make it a valuable tool for anyone seeking an intelligent and personalized conversational experience.

GitHub - nabarvn/chadgpt: The best ChatGPT Clone built with Typescript, Next.js 13, Tailwind, and Firebase.
The best ChatGPT Clone built with Typescript, Next.js 13, Tailwind, and Firebase. - GitHub - nabarvn/chadgpt: The best ChatGPT Clone built with Typescript, Next.js 13, Tailwind, and Firebase.

8- ChatGPT built with Next.js

ChatGPT built with Next.js 13 app directory and Tailwind CSS using OpenAI's API SDK v4 and GPT-4 and SSR streaming for data with edge functions.

GitHub - shivanshubisht/chatgpt: ChatGPT built with Next.js 13 app directory and Tailwind CSS using OpenAI’s API sdk v4 and GPT-4 and SSR streaming for data with edge functions.
ChatGPT built with Next.js 13 app directory and Tailwind CSS using OpenAI's API sdk v4 and GPT-4 and SSR streaming for data with edge functions. - GitHub - shivanshubisht/chatgpt: ChatGPT built…

9- ChatGPT Clone

This example shows how to use Tailwind CSS (v3.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

GitHub - murathudavendigar/chatgpt-nextjs: ChatGPT clone site made using openai API
ChatGPT clone site made using openai API. Contribute to murathudavendigar/chatgpt-nextjs development by creating an account on GitHub.

10- ChatGPT + Whisper API Next.js

This project was created to play around with the Whisper and ChatGPT APIs from OpenAI.

GitHub - coryshaw/chatgpt-whisper-nextjs: Demo NextJS app featuring the ChatGPT and Whisper APIs
Demo NextJS app featuring the ChatGPT and Whisper APIs - GitHub - coryshaw/chatgpt-whisper-nextjs: Demo NextJS app featuring the ChatGPT and Whisper APIs

11- OpenAI ChatGPT + Next.js

This example shows how to implement a simple chatbot using Next.js and OpenAI API.

GitHub - koalamango/next-openai-chatgpt: Next.js + OpenAI API ChatGPT
Next.js + OpenAI API ChatGPT. Contribute to koalamango/next-openai-chatgpt development by creating an account on GitHub.

12- ChatGPT Clone with React.JS  

ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication).

GitHub - SashenJayathilaka/ChatGPT-Clone: ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication)
ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Au…

13- Self Hosted ChatGPT Clone

Self Hosted ChatGPT Clone: A Full-Stack Conversational AI Platform powered by React, Django REST Framework, and PostgreSQL and OpenAI's GPT-3.5 Model. Most of the code is written by GPT-4 model.

Self Hosted: You can host the project on your own server or local machine. All the data and OpenAI API Key are stored on your server.

  • Full-Stack: The project is a full-stack project that includes a React frontend, Django REST Framework backend, and PostgreSQL database.
  • Conversational AI: The project uses OpenAI's GPT-3.5 API to generate responses to user inputs.
  • Docker Compose: The project uses Docker Compose to run the project in containers.
  • Django Admin Panel: The project includes a Django Admin Panel to manage the project.
  • Supported OS: The project is tested on Ubuntu and macOS.
GitHub - fatihbaltaci/chatgpt-clone: Self Hosted ChatGPT Clone: A Full-Stack Conversational AI Platform powered by React, Django REST Framework, and PostgreSQL and OpenAI’s GPT-3.5 Model. Most of the code is written by GPT-4 model.
Self Hosted ChatGPT Clone: A Full-Stack Conversational AI Platform powered by React, Django REST Framework, and PostgreSQL and OpenAI's GPT-3.5 Model. Most of the code is written by GPT-4 model…

14- Open Source, Self-Hosted ChatGPT APP

This is a Self-Hosted and Open-Source web app to interact with OpenAI APIs. Currently, supports ChatGPT, but DALLE and Whisper support is coming.

It can be easily deployed using Docker to your own server.

Stack:

  • Prisma,
  • tRPC
  • Next.js
  • TypeScript
  • Sqlite
  • Mantine (React component library)
  • Docker



GitHub - bitswired/fuseai: Self-Hosted and Open-Source web app to interact with OpenAI APIs. Currently supports ChatGPT, but DALLE and Whisper support is coming.
Self-Hosted and Open-Source web app to interact with OpenAI APIs. Currently supports ChatGPT, but DALLE and Whisper support is coming. - GitHub - bitswired/fuseai: Self-Hosted and Open-Source web a…

15- Next.js AI Chatbot

This is an open-source ready-to-deploy Next.js based chatbot that uses AI. It is originally built by Vercel Labs.

Next.js AI Chatbot – Vercel
A full-featured, hackable Next.js AI chatbot built by Vercel Labs

16- ChatGPT React App

This is a React-based application that leverages the power of OpenAI's ChatGPT API to generate human-like responses in a chat interface. This README.md will guide you through the setup and usage of this app. The Express server serves as a proxy to communicate with the ChatGPT API using gpt-turbo, as openai package has trouble using the gpt-3.5-turbo model.

Free ChatGPT React App (Open-source)
A simple chat application that leverages magical ✨ AI communication using react, express, relying on openai technologies
GitHub - hidragos/chatgpt-react-express: A simple chat application that leverages magical ✨ AI communication using react, express, relying on openai technologies
A simple chat application that leverages magical ✨ AI communication using react, express, relying on openai technologies - GitHub - hidragos/chatgpt-react-express: A simple chat application that le…

17- ChatGPT Web Application

This is an open-source free web application that allows users to interact with OpenAI's GPT-3 language model through a simple and user-friendly interface. This app is for demo purpose to test OpenAI API and may contain issues/bugs.

Features

  • User-friendly interface for making requests to the OpenAI API
  • Responses are displayed in a chat-like format
  • Select Models (Davinci, Codex, Create Image) based on your needs
  • Highlight code syntax


GitHub - ioanmo226/chatgpt-react-application: A web application that allows users to interact with OpenAI’s GPT-3 language model through a simple and user-friendly interface.
A web application that allows users to interact with OpenAI's GPT-3 language model through a simple and user-friendly interface. - GitHub - ioanmo226/chatgpt-react-application: A web applicatio…

18- Talkbot App

This open-source free project offers a conversational AI app inspired by OpenAI's GPT-3 language model, built with Create React App.

Its features include:

  • Natural language processing and understanding
  • Context-aware responses
  • Ability to converse on a variety of topics
  • React-based front-end for easy user interaction
  • Node.js back-end for communication with the OpenAI API


GitHub - dhiant/react-chatGPT-clone: 😎 A clone of ChatGPT
😎 A clone of ChatGPT. Contribute to dhiant/react-chatGPT-clone development by creating an account on GitHub.


19- The Ultimate ChatGPT.

The Ultimate ChatGPT: Free Customized Privacy-first ChatGPT App using Next.js
The Ultimate ChatGPT is an innovative virtual assistant that utilizes the power of artificial intelligence to provide users with a comprehensive and personalized writing and problem-solving experience. Whether you require assistance with research, writing, or problem-solving, this advanced tool is d…









Open-source Apps

9,500+

Medical Apps

500+

Lists

450+

Dev. Resources

900+

Read more