关键词

ChatGPT集成类型安全组件OAuth认证Next.js应用订阅管理

项目简介

这是一个专为构建ChatGPT MCP应用设计的全栈模板，采用Next.js App Router架构，集成了Skybridge类型安全组件系统，支持快速开发生产级MCP服务器。

主要功能

  • 🚀 端到端类型安全 - 从后端工具到前端组件的自动类型推断
  • 🔐 OAuth 2.1认证 - 内置ChatGPT/Claude集成认证
  • ⚡ Next.js原生支持 - 组件作为标准Next.js页面
  • 🔌 Skybridge驱动 - 使用类型化钩子替代原始SDK调用
  • 💰 Stripe订阅管理 - 可选的企业级订阅系统
  • 🗄️ 数据库集成 - Drizzle ORM + PostgreSQL
  • 🎯 多传输协议 - 支持HTTP、SSE等多种通信方式

安装步骤

  1. 安装依赖：'pnpm install'
  2. 环境配置：复制'.env.example'为'.env'并填写配置信息
  • 启动开发服务器：'pnpm dev'
  • MCP服务器将在'http://localhost:3000/mcp'运行

服务器配置

在MCP客户端中配置：

{
  "mcpServers": {
    "axite-app": {
      "command": "node",
      "args": ["path/to/server.js"]
    }

基本使用方法

  1. 在'app/mcp/route.ts'中定义工具和组件
  2. 创建对应的组件页面文件
  3. 使用'useCallTool'和'useToolInfo'钩子实现类型安全的工具调用

技术栈

  • Next.js 14+ App Router
  • TypeScript + Zod模式验证
  • Better Auth (OAuth 2.1)
  • Drizzle ORM + PostgreSQL
  • 支持ChatGPT和Claude平台集成

信息

分类

开发者工具

访问项目