PromptManager

一个简洁、美观、实用的提示词管理网站。

特性

• 简洁美观的界面设计
• 完全开源，可以自行部署和修改
• 支持提示词标签
• 支持提示词版本管理
• 移动端适配
• 简化的登录系统，使用毫无压力

技术栈

• Next.js 14
• Tailwind CSS
• Lucide
• Shadcn/UI
• 数据库：Supabase
• 用户认证：Clerk

部署流程

vercel

1. fork本项目
2. 注册并登录vercel
3. 点击New Project
4. 选择Import Git Repository
5. 输入项目名称，选择GitHub作为代码来源
6. 点击Deploy

环境变量说明

• SUPABASE_URL：Supabase 项目 URL
• SUPABASE_ANON_KEY：Supabase 匿名密钥
• NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY：Clerk 公钥，用于客户端认证
• CLERK_SECRET_KEY：Clerk 私钥，用于服务端认证
• AUTH_SECRET：用于 NextAuth.js 的加密密钥
• GITHUB_ID：GitHub OAuth 应用的客户端 ID（可选，用于 GitHub 登录）
• GITHUB_SECRET：GitHub OAuth 应用的客户端密钥（可选，用于 GitHub 登录）

supabase

1. 注册supabase账号并创建项目
2. 进入项目设置，点击Service Role，点击Generate new key，复制key
3. 将key填入vercel的环境变量中
4. 进入项目设置，点击Database，点击Create new database，创建数据库
5. 创建数据表

-- 创建 prompts 表
CREATE TABLE prompts (
    id UUID PRIMARY KEY,
    title TEXT NOT NULL,
    content TEXT NOT NULL,
    description TEXT,
    created_at TIMESTAMPTZ NOT NULL,
    updated_at TIMESTAMPTZ NOT NULL,
    is_public BOOLEAN,
    user_id TEXT,
    version TEXT,
    tags TEXT,
    cover_img TEXT
);

-- 创建 tags 表
CREATE TABLE tags (
    id UUID PRIMARY KEY,
    name TEXT NOT NULL
);

6. 创建bucket，用于存储封面图片 进入项目设置，点击Storage，点击Create bucket，创建bucket

clerk

配置非常简单，按照流程一步步来就行，这里不做详细说明。