fuxiaochen
基于Next.js的全栈个人站点与后台管理系统，支持Docker部署。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：fuxiaochen。 它的用途是：基于Next.js的全栈个人站点与后台管理系统，支持Docker部署。 完整的 Skill 内容见：https://321skill.com/skills/fuxiaochen/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想基于这个项目搭建我的个人技术博客，但需要替换掉默认的UI主题色和字体。”，它会引导你查看 `tailwind.config.ts` 文件修改设计令牌，并说明如何通过shadcn/ui的CSS变量定制主题。或者，你可以问：“如何为博客文章添加‘系列文章’的新功能？”，它会建议你在数据库schema中新增字段，并在service层实现关联文章的逻辑。
介绍
这是一个基于Next.js 16 App Router构建的全栈项目，旨在为开发者提供一个开箱即用的个人站点与后台管理解决方案。它整合了公开博客、项目展示、后台CRUD管理、数据库驱动的站点配置以及Docker化部署，解决了从零搭建个人技术博客和管理后台的繁琐问题。
使用上，开发者只需克隆项目、配置环境变量并运行数据库迁移命令，即可通过Docker快速启动本地开发环境。项目提供了清晰的目录结构和API分层约定，便于开发者进行二次开发和定制。
它非常适合希望快速搭建个人技术博客、作品集站点，并需要配套后台进行内容管理的全栈开发者或前端开发者。对于想学习现代Next.js全栈开发最佳实践（如App Router、Drizzle ORM、Better Auth）的开发者，这也是一个优秀的参考项目。
需要注意的是，项目默认使用GitHub OAuth进行认证，并依赖PostgreSQL数据库。初次使用时需仔细配置环境变量，并确保本地已安装Bun和Docker环境。后台管理功能受路由中间件保护，需登录后方可访问。
核心特点
与同类个人博客模板相比，它深度集成了功能完整的后台管理系统（涵盖文章、项目、友链、评论等全内容管理），并采用数据库配置化方式管理站点信息（如SEO、社交链接），使得站点配置动态可调，无需重新部署。同时，项目严格遵循服务端分层架构（DTO/Handler/Service/Repository），代码结构清晰，更适合作为生产级项目的起点。
注意事项
不适合仅需要静态博客生成器或无需后台管理功能的极简场景。
常见问题
如何快速在本地运行这个项目？
确保安装Bun和Docker，克隆项目后运行 `bun install`，复制.env.example为.env并配置数据库连接等关键变量，使用 `docker compose up -d postgresql` 启动数据库，最后执行 `bun run db:migrate` 和 `bun run dev` 即可。
如何修改博客的站点名称和SEO信息？
站点名称、描述等配置存储在数据库的 `site_settings` 表中，启动项目后，通过访问 `/admin` 后台的“站点设置”页面即可在线修改，无需改动代码。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/fuxiaochen/raw/index.md 读取 fuxiaochen 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/fuxiaochen/raw/index.md（查看排版版本）