catalog/repos/ahmed-lotfy-dev--bun-monorepo-vite-elysia-spa.md

Bun全栈单仓脚手架

Bun Monorepo Vite Elysia React TypeScript 全栈 SPA

Bun Monorepo Vite Elysia SPA

使用官方最新生成器创建或重新生成 Bun 工作区单仓（monorepo）：

• 后端：bun create elysia@latest
• 前端（SPA）：bun create vite@latest --template react-ts

本 skill 针对内部工具和管理后台场景优化，不要求强公开 SEO。

然后应用后端生产默认配置（后端默认端口：8000），后端模式参考 ahmed-lotfy-dev/elysia-core-backend：

• Better Auth 认证
• Drizzle ORM + Postgres
• 通过 elysia-mcp 提供 MCP 端点
• OpenAPI 文档
• CORS 白名单
• 非认证 Cookie 变更的 CSRF 防护
• 安全响应头

适用场景

在以下情况使用本 skill：

• 初始化一个新的全栈 Bun 工作区单仓
• 将现有后端/前端重置为生成器最新基线
• 避免旧有手动脚手架带来的过时包版本
• 强制使用 Vite + React + TypeScript 的 SPA 前端

常用命令

# 后端
bun create elysia@latest apps/backend

# 前端 SPA
bun create vite@latest apps/frontend --template react-ts

# 安装工作区依赖
bun install

# 运行所有应用的 dev 脚本
bun run --filter "*" dev

# 运行单个应用
bun run --filter frontend dev
bun run --filter backend dev

Skill 文件说明

• SKILL.md：触发条件与工作流说明
• references/workflow.md：详细命令与参考指南
• agents/openai.yaml：skill 列表的 UI 元数据