chat-js

快速搭起生产级 AI 聊天应用,多模型随意切换

开源 🏷️定价信息待确认 ✅ 目前可打开 对话助手 🍴 复刻 123 🐛 待处理 39 👀 关注 4
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 1202
维护状态 活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

chat-js 项目界面预览图
图片来源:项目官网

项目数据

分类对话助手
开发团队FranciscoMoretti
官网地址https://chatjs.dev
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议Apache-2.0
主要语言TypeScript
技术栈/模型ai,anthropic,chat,chatbot,chatgpt,claude,gemini,gemini-ai,grok,llm,multiprovider,openai,xai
GitHub 星标★ 1202
上线时间2025-03-22 00:00:00
代码更新2026-11-08
仓库体积136.3 MB
本站数据更新2026-11-09
维护状态活跃
收录时间2026-08-09
浏览次数6

项目介绍

chat-js 是一个生产就绪的 AI 聊天应用模板,基于 TypeScript 和 Next.js 构建,前身是 Sparka AI。它解决了开发者从零搭建 AI 聊天界面的重复劳动问题,提供开箱即用的聊天 UI、流式响应、多模型支持等核心能力。项目集成了 OpenAI、Anthropic、Gemini、Grok 等主流 LLM 提供商,通过统一的接口切换模型,并支持自定义后端逻辑。其设计理念是“从这里开始,然后变成你自己的”,即提供完整的聊天应用骨架,开发者可在此基础上快速定制品牌、功能和业务逻辑。代码结构清晰,文档完善,适合作为生产级 AI 应用的基础。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 1202

使用教程

ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。

难度:入门 约 10 分钟 部署方式:命令行工具 4 步

环境要求

  • 本地已安装 Node.js 与 npm(能使用 npx 命令)
  • 网络可访问 npm registry 以下载 @chat-js/cli
  • 一个可用于模型调用的 AI Gateway API Key(CLI 会列出所需环境变量)
  • 如需 OAuth 登录,需准备 GitHub / Google 的应用凭据(可选)

安装与启动步骤

  1. 1确认 Node 环境

    ChatJS 采用 Next.js + TypeScript,CLI 通过 npx 分发,因此本机需先装好 Node.js 与 npm,并确保 npx 可执行。

    node -v
    npm -v
  2. 2创建 ChatJS 应用

    运行官方 CLI 脚手架命令,末尾的 my-app 是项目目录名,可按需改成自己的名字。

    npx @chat-js/cli@latest create my-app
  3. 3按向导选择方案

    CLI 会依次询问网关(gateway)、功能特性(features)与认证方式(auth),按业务需要选择即可。

  4. 4确认生成产物

    向导结束后会生成 chat.config.ts,并列出你所选配置对应的环境变量清单,照着清单去填 .env。

关键配置

配置项必填说明示例
chat.config.ts是CLI 根据你的选择自动生成的聊天应用主配置文件由 npx @chat-js/cli create 自动生成

如何确认成功

CLI 向导正常跑完,项目目录下出现 chat.config.ts,且终端打印出所需环境变量清单,即表示脚手架创建成功。

常见问题

Q:运行前需要准备什么环境?

A:需要本机已安装 Node.js 与 npm,因为官方安装方式是通过 npx 执行 @chat-js/cli 脚手架命令。

Q:支持哪些大模型?

A:README 说明支持 120+ 模型,包括 Claude、GPT、Gemini、Grok,通过统一的 AI Gateway 接口调用。

Q:登录方式有哪些?

A:内置 GitHub、Google 和匿名登录三种方式,创建项目时在 CLI 向导里选择即可。

Q:怎么查看完整文档?

A:官方文档地址为 https://chatjs.dev/docs,官网为 https://chatjs.dev,另有在线演示 demo.chatjs.dev。

注意事项

  • README 节选只给出了 npx 创建命令,未提供启动/构建命令,请到 chatjs.dev/docs 查看后再运行
  • 向导会询问 gateway、features、auth 选项,建议先想清楚所需功能再执行
  • CLI 列出的环境变量需填入项目环境文件,切勿把密钥提交到 Git 仓库
  • 项目支持用 Electron 打包为 macOS、Windows、Linux 桌面应用

核心亮点

  • 内置多模型提供商适配(OpenAI/Anthropic/Gemini/Grok),切换模型只需改配置
  • 开箱即用的完整聊天 UI 和流式响应,省去前端开发时间
  • 基于 Next.js 和 TypeScript,代码结构清晰,易于二次开发和部署

不足之处

  • 文档/社区待观察

适用场景

  • 快速搭建面向用户的 AI 聊天产品原型
  • 企业内部 AI 助手或客服聊天界面开发
  • 学习多模型集成和流式聊天实现参考

替代项目

Vercel AI Chat、Chatbot UI、Open WebUI

上一篇:Awesome-AI-GPTs

下一篇:hollama

同类项目推荐

ai-bash 开源

终端里一句话调用所有 AI 模型,还能传文件给它看

AI - a simple commandline local/remote LLM chat client. Supports any local or remote···

★ 85 2026-08-09
GPTMessage 开源

用 SwiftUI 快速搭建 ChatGPT 图像生成与理解应用

A SwiftUI app demonstrating how ChatGPT interacts with DALL·E and HuggingFace model···

★ 54 2026-08-09
bot-python 开源

用 Python 快速搭建聊天机器人,对接 ICQ 平台

Bot API for Python

★ 91 2026-08-09
wiseengage 开源

自托管智能客服,用 LLM 替代 Intercom,省成本控数据。

Open-source Intelligent Customer Service System. An alternative to Intercom, Zendes···

★ 157 2026-08-09
microclaw 开源

把 AI 代理塞进聊天窗口,边聊边干活

An agentic AI assistant that lives in your chats, inspired by nanoclaw and incorpora···

★ 756 2026-10-08
ChatGPT-voice-control 开源

跟ChatGPT直接说话,用耳朵听回复,解放双手。

Voice control for ChatGPT. Talk to ChatGPT and hear ChatGPT's responses in a natural···

★ 92 2026-08-09
chatgpt-whatsapp 开源

给 WhatsApp 装上 ChatGPT,自动回复还能定时发消息

A simple WhatsApp bot that uses OpenAI's ChatGPT to respond to user inputs. Includes···

★ 96 2026-08-09
HyperNerd 开源

直播聊天自动巡逻,违规秒封,主播省心。

Total Surveillance Automatic Ban Machine for Twitch and Discord

★ 145 2026-08-09