mcpField
T
tanstack-chat-netlify

tanstack-chat-netlify

github.com/rebyteai-template开发1750 次安装19 周前更新
代码仓库

关于 tanstack-chat-netlify

采用 TanStack Router 和 Claude AI 的 React 聊天应用模板，面向构建聊天应用的开发者。提供 npm 安装、开发和构建命令，以及 Netlify 部署说明。

主要功能

  1. 01React 聊天应用
  2. 02TanStack Router 路由
  3. 03Claude AI 集成
  4. 04基于 npm 的安装与构建
  5. 05Netlify 部署命令

适用场景

  1. 01启动聊天应用项目
  2. 02构建集成 Claude AI 的 React 应用
  3. 03将聊天应用部署到 Netlify

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill tanstack-chat-netlify

安装后在 Claude Code 中输入/tanstack-chat-netlify确认已加载。

详细介绍

TanStack Chat (Netlify)

一款基于 TanStack Router 和 Claude AI 的现代聊天应用。

技术栈

  • 框架：React
  • 路由器：TanStack Router
  • AI：Claude AI 集成
  • 包管理器：npm

设置

1. 克隆模板
git clone --depth 1 https://github.com/netlify-templates/tanstack-template.git .

如果目录不为空：

git clone --depth 1 https://github.com/netlify-templates/tanstack-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录（可选）
rm -rf .git
git init
3. 安装依赖
npm install

构建

npm run build

部署到 Netlify

netlify deploy --prod

开发

npm run dev

评论

支持 Markdown