IdeaBox - 基于 Next.js 15 的极简全栈灵感管理系统

技术信息

语言技术
React、TypeScript、Node.js系统类型
Web行业分类
项目任务、开发工具开源地址
https://github.com/FelixBitSoul/my-idea-box授权协议
MIT许可

行业场景

针对现代人信息过载、灵感碎片化难以捕捉的问题，打造一款追求“极致输入速度”的个人灵感管理工具。
立项原因：传统的笔记软件（如 Notion）启动慢、层级重，容易在打开 App 的瞬间遗忘灵感。本项目旨在提供一个像 iOS 原生备忘录一样快、且具备跨端同步能力的全栈解决方案。
业务背景：适用于开发者记录代码逻辑、产品经理捕捉创意、或是作为轻量级的个人知识库。

功能介绍

1. 极速记事模块：支持文本灵感的快速输入与即时存储，响应时间控制在毫秒级。
2. 多维度标签管理：内置预设标签系统，通过颜色语义化快速区分任务优先级或内容分类（如代码、生活、目标）。
3. 安全认证系统：集成 Auth.js (v5)，支持 GitHub OAuth 第三方一键登录，确保用户数据私有化与安全性。
4. 响应式毛玻璃 UI：深度适配移动端与 PC 端，采用 iOS 风格的极简交互设计。

项目实现

负责任务：独立负责从架构设计、前后端开发到 Serverless 部署的全流程。

技术栈与架构：
框架：采用 Next.js 15 (App Router)，利用 Server Components 优化首屏加载，Server Actions 处理表单交互。
存储：使用 Upstash Redis (Serverless 版)，设计了基于 userId 前缀的多租户数据隔离方案。
动效：利用 Framer Motion 实现模拟 iOS 物理触感的微动效。

亮点与难点：
难点：解决了 Auth.js 在多环境部署下 Session 唯一标识符漂移的问题，通过自定义 JWT 回调确保了数据的永久一致性。
亮点：全栈 Serverless 架构，实现了项目的零成本运维与高可用部署。