mcpField
N
Next.js Fullstack Starter Project

Next.js Fullstack Starter Project

本地服务
github.com/Webbify-Helpdesk开发工具078 周前更新

关于 Next.js Fullstack Starter Project

面向全栈应用开发者的 Next.js App Router 起始项目,集成 TypeScript、Tailwind CSS、Shadcn UI、身份验证、Supabase 后端和 Sentry 错误报告。输入未说明其 MCP 功能。

主要功能

  1. 01Next.js App Router 项目结构
  2. 02TypeScript 与 Tailwind CSS
  3. 03支持深色模式的 Shadcn UI
  4. 04Clerk 身份验证
  5. 05Supabase 后端与数据库
  6. 06Sentry 错误报告

适用场景

  1. 01启动 Next.js 全栈应用
  2. 02构建带身份验证和 Supabase 的应用
  3. 03为项目添加错误报告

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

Next.js 全栈入门项目

这是一个 Next.js(App Router)入门项目,包含:

  • TypeScript
  • Tailwind CSS
  • Shadcn UI(通过 next-themes 支持深色模式)
  • Clerk(身份验证)
  • Supabase(后端/数据库)
  • Sentry(错误报告)

开始使用

  1. 克隆仓库(如适用),或使用此文件夹。
  2. 安装依赖项:
    npm install
    
  3. 配置环境变量:
    • 将 .env.example 重命名为 .env.local。
    • 在 .env.local 中填写 Supabase、Clerk 和 Sentry 所需的值。请参阅 .env.example 中的注释以获取指引。
  4. 启动开发服务器:
    npm run dev
    
  5. 在浏览器中打开 http://localhost:3000。

环境变量

需要以下环境变量(请参阅 .env.example):

  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
  • CLERK_SECRET_KEY
  • SENTRY_DSN
  • SENTRY_AUTH_TOKEN(构建时上传 source map 所需)

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。