Skip to content

hapince-code/VibeHub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

VibeHub

VibeHub

AI 驱动的 Vibe Coding 项目市场与交付协作平台

帮助开发者发布作品、获得曝光,也帮助用户通过自然语言快速找到合适项目,并把部署与构建协作继续推进到真正可交付的阶段。

项目概览 · 核心能力 · 快速开始 · 部署

Next.js 14 TypeScript 5 Tailwind CSS MySQL 8 DashScope OpenAI Compatible

VibeHub 页面预览

项目概览

VibeHub 不是单纯的项目列表页,而是一个围绕 AI 项目发现、作品发布、社区互动和交付协作组织起来的平台。

  • 对用户:可以直接描述需求,由 AI 返回匹配项目。
  • 对开发者:可以上传作品,自动生成标签和摘要,进入审核与展示流程。
  • 对运营和管理者:可以审核项目、发送站内通知、查看表单、处理举报和维护平台内容。

发现项目

通过自然语言搜索、精选推荐、最新上架和分类浏览,快速找到适合自己的 AI 工具或产品。

发布作品

开发者上传项目后,平台可自动生成标签与摘要,并支持审核、推荐和详情页展示。

继续交付

除了展示与匹配,平台还承接部署咨询和构建协作,覆盖产品上线前后的最后一公里。

核心能力

1. AI 对话式项目匹配

首页内置聊天入口,用户输入目标、场景或关键词后,服务端根据项目数据返回推荐结果。

2. 项目探索与内容分发

支持精选推荐、最新上架、分类浏览、项目详情和文章内容分发,适合持续沉淀平台内容。

3. 开发者上传与控制台

开发者可以上传作品、查看待审核和已发布项目,并发起开发者认证。

4. 社区互动链路

内置点赞、评论、关注、消息通知和用户活动记录,适合做项目曝光与关系沉淀。

5. 管理后台

后台支持项目审核、用户查看、通知广播、举报处理和表单管理,方便运营侧统一维护。

6. Deploy / Build 服务入口

除了平台能力,还提供部署咨询与代构建入口,让“展示”延伸到“落地交付”。

适合什么场景

角色 适用场景
AI 产品开发者 发布作品、获得曝光、沉淀案例、收集反馈、承接合作机会。
寻找工具的用户 不用先知道产品名,直接描述需求即可让系统推荐合适项目。
需要上线协作的团队 已有 MVP 或明确方向,但还缺部署、工程推进或最终交付支持。
平台运营者 维护内容池、审核发布、发送公告、跟踪表单和处理社区治理事务。

平台流程

用户描述需求 AI 返回匹配项目 浏览详情 / 点赞 / 评论 / 关注 开发者获得曝光与反馈 平台继续承接部署或构建协作

服务化展示

Deploy Service

Deploy Service

适合已经完成 MVP 或演示版,但卡在服务器、域名、运行环境或最终交付阶段的项目。

Build Service

Build Service

适合已经有明确方向但缺少工程团队的项目,支持从需求梳理到原型和开发交付。

技术栈

层级 技术
前端 Next.js 14 App Router、React 18、TypeScript
UI Tailwind CSS 3、定制化设计 Token
服务端 Next.js Route Handlers、Node.js
数据库 MySQL 8、SQL Schema + Migrations
AI 能力 DashScope OpenAI 兼容接口
部署 PM2、Nginx、Node 生产构建

目录结构

.
├─ src/
│  ├─ app/                # 页面、路由和 API
│  ├─ components/         # 业务组件与 UI 组件
│  ├─ hooks/              # 前端 hooks
│  ├─ lib/                # 数据库、鉴权、AI、通知等能力
│  └─ types/              # 类型定义
├─ mysql/                 # MySQL schema 与 migrations
├─ scripts/               # 初始化、导出、清理、种子数据脚本
├─ deploy/                # Nginx 等部署配置
├─ public/                # 静态资源
└─ ecosystem.config.js    # PM2 启动配置

快速开始

1. 安装依赖

npm install

2. 配置环境变量

macOS / Linux:

cp .env.local.example .env.local

Windows PowerShell:

Copy-Item .env.local.example .env.local

然后填写以下变量:

  • MYSQL_HOST
  • MYSQL_PORT
  • MYSQL_USER
  • MYSQL_PASSWORD
  • MYSQL_DATABASE
  • JWT_SECRET
  • DASHSCOPE_API_KEY
  • LLM_BASE_URL
  • LLM_MODEL
  • NEXT_PUBLIC_APP_URL

3. 初始化数据库

npm run db:setup

4. 启动开发环境

npm run dev

默认访问地址:http://localhost:3000

常用脚本

命令 说明
npm run dev 启动开发服务器
npm run build 生成生产构建
npm run start 以 5000 端口启动生产服务
npm run lint 执行静态检查
npm run db:setup 初始化数据库结构
npm run db:seed 写入种子数据
npm run db:export 导出完整数据库 SQL

部署

仓库已经包含生产部署所需的核心文件:

最简生产流程:

npm install
npm run build
pm2 start ecosystem.config.js
pm2 save

生产默认端口为 5000。

开源许可

本仓库当前采用 MIT License

公开仓库前建议

如果你准备把这个项目直接发布到 GitHub,建议先确认以下几件事:

  1. 不要提交真实的 .env、数据库导出和运行期上传文件。
  2. 检查 public/uploadsstorage 和根目录 SQL 导出文件里是否包含真实用户数据。
  3. 如果准备公开演示站,再补充线上地址、截图和版本发布说明。

说明

如果你想把 VibeHub 继续做成真正对外展示的开源项目,这个 README 已经优先面向 GitHub 访问者优化:用户一进仓库就能看到它是什么、适合谁、解决什么问题,以及如何在本地跑起来。

About

AI 驱动的 Vibe Coding 项目市场与交付协作平台,该项目旨在帮助开发者发布作品、获得曝光,也帮助用户通过自然语言快速找到合适项目,并把部署与构建协作继续推进到真正可交付的阶段。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors