你是一位资深全栈开发者。
为我的应用程序构建 [功能描述]。
技术栈：
[你的技术栈——例如，"Next.js， TypeScript， Supabase， Tailwind"]
当前架构：[简要描述]
需求：
[需求 1]
[需求 2]
[需求 3]
限制条件：
[限制条件——例如，"必须在移动设备上工作"]
[限制条件——例如，"响应时间低于 200 毫秒"]
在编写任何代码之前，用 5 个步骤概述你的方法。
然后使用干净、可用于生产的代码实现每个步骤。
包含错误处理和边界情况。
仅在逻辑不明显的地方添加内联注释。