🪩 Vibeverse

让每一个 Vibe 都留在宇宙中。—— 黑客松与 AI 创意项目的持续化与共创平台。

一个让黑客松与 AI 创意项目被沉淀、被发现、被共创、被放大的平台。

✨ 特性

🎨 黑白极简设计 - 现代极客风，暗色模式优先
🔐 Clerk 认证 - 安全的用户认证系统（待集成）
💾 Supabase 数据库 - PostgreSQL + Realtime（待集成）
⚡ Nuxt 3 + TypeScript - 现代化的开发体验
🎯 Tailwind CSS - 原子化 CSS，快速开发
🌓 暗/亮模式 - 完整的主题切换支持

📦 技术栈

前端框架: Nuxt 3 + Vue 3
样式: Tailwind CSS + CSS Variables
语言: TypeScript
认证: Clerk（待集成）
数据库: Supabase（待集成）
部署: Vercel

🚀 快速开始

环境要求

Node.js >= 18.x
pnpm >= 8.x（推荐）

安装


# 克隆仓库
git clone https://github.com/your-org/vibeverse.git
cd vibeverse

# 安装依赖
pnpm install

# 复制环境变量
cp .env.example .env
# 编辑 .env 填入配置

开发


# 启动开发服务器
pnpm dev

# 访问 http://localhost:3000

构建


# 构建生产版本
pnpm build

# 预览生产构建
pnpm preview

代码质量


# 代码检查
pnpm lint

# 自动修复
pnpm lint:fix

# 代码格式化
pnpm format

# TypeScript 类型检查
pnpm typecheck

# 运行测试（待配置）
pnpm test

📁 项目结构


vibeverse/
├── app/                      # Nuxt 3 应用目录
│   ├── assets/               # 静态资源
│   │   └── styles/           # 样式文件
│   │       ├── theme.css     # 设计系统 CSS Variables
│   │       └── tailwind.css  # Tailwind 入口
│   ├── components/           # Vue 组件
│   │   ├── ui/               # 基础 UI 组件
│   │   │   ├── Button.vue
│   │   │   ├── Container.vue
│   │   │   └── ThemeToggle.vue
│   │   └── layout/           # 布局组件
│   │       ├── Navbar.vue
│   │       └── Footer.vue
│   ├── composables/          # Vue Composables
│   │   └── useTheme.ts       # 主题管理
│   ├── layouts/              # 页面布局
│   │   └── default.vue       # 默认布局
│   └── pages/                # 页面路由
│       └── index.vue         # 首页
├── docs/                     # 项目文档
│   ├── Vibeverse_PRD_Full.md
│   ├── Vibeverse_Design_System.md
│   ├── Development_Guide.md
│   ├── Development_Plan.md
│   ├── Git_Commit_Guidelines.md
│   └── Coding_Standards.md
├── nuxt.config.ts            # Nuxt 配置
├── tailwind.config.ts        # Tailwind 配置
├── tsconfig.json             # TypeScript 配置
├── .eslintrc.cjs             # ESLint 配置
├── .prettierrc               # Prettier 配置
└── package.json              # 依赖管理