Next.js 书签管理器
这是一个使用Next.js、Prisma、MCP和Clerk构建的全栈书签管理器应用程序。
特点/特性
- 用户认证： 使用Clerk实现安全的登录和注册。
- 书签管理： 创建、读取和删除书签。
- 丰富的预览： 获取并显示每个书签的元数据。
- MCP 支持： 连接到MCP客户端并与您的书签进行交互。
- 响应式设计： 一个简洁、现代且响应迅速的用户界面。
技术栈
- 框架： Next.js
- 认证： 职员
- ORM：对象关系映射 棱镜
- 数据库： SQLite（可轻松替换为 PostgreSQL、MySQL 等）
- 造型： CSS 模块
- 代码检查（或代码 linting）： ESLint
入门指南
先决条件
- (v20或更高版本)
安装
- 克隆仓库：
git clone https://github.com/Avaneesh-Chopdekar/nextjs-mcp.git
cd nextjs-mcp- 安装依赖项：
pnpm install环境变量
创建一个 .env.local 在项目根目录下创建文件，并添加以下环境变量。您可以从Clerk获取您的密钥 职员仪表盘。
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
DATABASE_URL="file:./dev.db"数据库
生成Prisma客户端并运行数据库迁移：
pnpm prisma generate
pnpm prisma migrate dev运行应用程序
启动开发服务器：
pnpm dev开放 http://localhost:3000 翻译为中文是：“本地主机上的3000端口”。不过，在实际应用中，这个网址通常不会直接翻译，因为它是一个网络地址，用于指示在本地计算机上运行的Web服务器，监听3000端口，供开发或测试使用。所以，更常见的表达是保持原样，或者简单说明其用途，如“指向本地运行的Web服务器（端口3000）” 在您的浏览器中查看该应用程序。
可用脚本
pnpm dev使用 Turbopack 启动开发服务器。pnpm build创建生产环境构建。pnpm start启动生产服务器。pnpm lint运行代码检查器。pnpm prisma提供对Prisma CLI命令的访问权限。