ChatGPTNextWeb/NextChat

複数のAIモデルに対応したシンプルで高速なWebUIと、Windows・Mac・Linux対応のデスクトップアプリです。

優良食堂ギット飯が実際に動かして検証し、選んだリポジトリです解説ページへ →
完成アプリ自由に使える · MITMCP・Claude 連携TypeScript難易度
88,8340 保存
58,908フォーク694Issue
デモ・公式サイトをひらくnextchat.club

中辛 の解説

TypeScript・Next.js・Reactで構築され、Vercelにワンクリックでデプロイ可能です。Linux・Windows・MacOS向けのコンパクトなデスクトップアプリ(約5MB)が利用でき、オンラインとオフラインの両方で動作します。OpenAI API・Azure・Google Gemini Pro・Anthropic Claude・DeepSeekなど20以上のAIモデルをサポートし、プロンプトテンプレート・プラグイン・Artifact機能により、すぐに実用的なチャット環境を整えられます。ストリーミング応答・Markdown表示・ダークモード・PWA対応により、快適な使い心地を実現しています。

こんなリポジトリです

こんなときに便利です

  • 複数のAIモデルを一つのインターフェースで比較・使用したい場合
  • Vercelで無料でWebアプリをデプロイしたい場合
  • プライベートなAIチャット環境をセットアップしたい場合

主な機能

複数AIモデル対応(OpenAI・Claude・Gemini・DeepSeek・Azure・ローカルAI)ワンクリックVercelデプロイWindows・Mac・Linux対応のデスクトップアプリ(Tauri)

ほかとの違い

プロンプトテンプレート・プラグイン・MCPプロトコル対応により、単なるチャットUIを超えて拡張可能なプラットフォームを提供し、企業向けのプライベートデプロイと権限管理をサポートしています。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Node.js >= 18
  • Docker >= 20(Dockerデプロイの場合)
  • OpenAI APIキー、またはGoogle Gemini Pro・Claude・DeepSeekなどの他のAIプロバイダーのAPIキー

すぐに始める

  1. OpenAI APIキーを取得します。
# https://platform.openai.com/account/api-keys から取得してください
  1. 次のコマンドでVercelにデプロイします。
# Vercelボタンをクリックして、OPENAI_API_KEY と CODE を設定してください
# https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FChatGPTNextWeb%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=nextchat&repository-name=NextChat
  1. ローカル開発環境で実行する場合は、プロジェクトルートに .env.local ファイルを作成します。
echo 'OPENAI_API_KEY=sk-xxxx' > .env.local
echo 'BASE_URL=https://api.openai.com' >> .env.local
  1. 依存関係をインストールし、開発サーバーを起動します。
yarn install
yarn dev
  1. デスクトップアプリを使う場合は、GitHubのリリースページから Windows・Mac・Linux版をダウンロードして実行します。
# https://github.com/Yidadaa/ChatGPT-Next-Web/releases からダウンロード
  1. Dockerで実行する場合は、以下のコマンドで起動します。
docker pull yidadaa/chatgpt-next-web
docker run -d -p 3000:3000 -e OPENAI_API_KEY=sk-xxxx -e CODE=your-password yidadaa/chatgpt-next-web

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try ChatGPTNextWeb/NextChat

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

88,8347日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

サンプル評点 34/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2023 年に作成

「MCP・Claude 連携」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/ChatGPTNextWeb/NextChat.svg)](https://www.gitbap.com/r/ChatGPTNextWeb/NextChat)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る