字
字节笔记本
2026年2月23日
The Workshop - 创作者的个人仪表板
The Workshop 是一个专为创作者设计的个人仪表板，集成了任务管理、灵感收集、草稿编辑和笔记记录等功能。该项目采用 Next.js 16 + React 19 构建，界面简洁优雅，数据以 JSON 文件形式本地存储，无需数据库即可快速部署使用。
项目简介
The Workshop 由 Zohan Lin 开发，是一个开源的个人生产力工具。它的核心理念是为创作者提供一个统一的工作空间，让任务追踪、灵感捕捉、内容草稿和日常笔记都能在一个界面中完成。项目采用 Linear 风格的深色主题设计，视觉效果出色。
值得一提的是，这个项目是由 AI 助手 Jarvis 在一夜之间构建完成的，展示了现代 AI 辅助开发的强大能力。
核心特性
📋 任务管理（Tasks）
- 看板式任务管理，支持 To Do / In Progress / Done 三列拖拽
- 直观的任务状态流转
- 适合个人项目的敏捷管理
💡 灵感收集（Ideas）
- 卡片式灵感记录
- 支持分类标签：Tweet / Product / Other
- 快速捕捉创意，避免灵感流失
✍️ 草稿管理（Drafts）
- 推文草稿专用管理区
- 状态追踪：Draft / Ready / Posted
- 内容创作者的发布流程管理
📝 笔记功能（Notes）
- 双栏笔记布局
- 支持搜索和日期选择器
- 简洁的文本记录体验
📱 其他亮点
- 响应式设计：支持移动端，带汉堡菜单
- 实时同步：2 秒轮询自动刷新
- 深色主题：Linear 风格的暗色界面
技术栈
| 技术 | 用途 |
|---|---|
| Next.js 16 | 全栈 React 框架（App Router） |
| React 19 | UI 组件库 |
| Tailwind CSS 4 | 原子化 CSS 样式 |
| shadcn/ui | 基于 Radix 的组件库 |
| JSON 文件 | 本地数据存储（无需数据库） |
安装指南
前置要求
- Node.js >= 18
- npm 或 pnpm
安装步骤
bash
# 克隆仓库
git clone https://github.com/zohan724/the-workshop.git
cd the-workshop
# 安装依赖
npm install
# 启动开发服务器
npm run dev访问 http://localhost:3000 即可使用。
数据存储
The Workshop 使用简单的 JSON 文件存储数据，默认路径为 ./data/。你可以在 src/app/api/*/route.ts 中修改数据目录。
数据文件结构：
text
data/
├── tasks.json # 任务数据
├── ideas.json # 灵感数据
├── drafts.json # 草稿数据
└── notes.json # 笔记数据这种设计的好处是：
- 无需配置数据库
- 数据可版本控制
- 便于备份和迁移
使用场景
- 独立开发者：管理个人项目的任务和灵感
- 内容创作者：管理推文草稿和内容发布流程
- 知识工作者：记录笔记和整理思路
- 轻量级需求：不想使用复杂项目管理工具的用户
项目链接
- GitHub 仓库：https://github.com/zohan724/the-workshop
- 开发者 Twitter：@zohanlin
- 许可证：MIT
Built with ❤️ and 🤖 in Kaohsiung, Taiwan.
分享: