新增 · 资产瀑布流体验

将分散的家庭资产集中到一眼即懂的瀑布流画布

Drawer 运行在 Cloudflare Edge,结合 D1 数据库与 R2 存储。我们用统一仓储模式构建 API,图片访问由签名 URL 即时下发,呈现出轻量、现代、纯扁平的资产管理体验。

流畅瀑布流

Edge Server Component 首屏渲染 + 客户端 Masonry 布局,首屏 30 条资产即刻可见。

安全访问

R2 文件通过签名 URL 懒生成,默认 15 分钟过期,避免批量曝光。

实时同步

D1 + Prisma Driver Adapter 保证任意端操作立即落库,缓存统一清理。

可扩展架构

Repository Pattern 将业务逻辑隔离,未来扩展标签、过滤、AI 分类无需改 API。

全边缘部署

Cloudflare Pages + Workers 组合,全球延迟稳定 <50ms。

零噪音 UI

遵循 Notion / Linear 的扁平化规范,舍弃渐变与杂色,只保留信息本身。

端到端工作流

从图像上传到资产浏览,所有步骤都跑在同一套边缘基础设施上。你可以在 5 分钟内完成本地验证:

01

录入资产

通过上传页面写入项目,文件落在 R2,元数据入 D1。我们会自动生成摘要与封面键。

02

统一治理

API 全部走 withRepositories,带上日志、追踪与速率限制,兼顾稳定与安全。

03

瀑布浏览

/assets 页面 Edge 渲染列表,客户端按需获取签名 URL,实现无感加载。

架构摘要

请求统一进入 Edge Runtime,经过日志与错误中间件后交给仓储工厂。仓储层内置 Prisma D1 适配器、KV 缓存、R2 客户端,让业务逻辑保持函数化。构建与部署脚本覆盖开发、测试、生产三套环境。

API 响应< 150ms全球 POP 样本
图片签名15 min默认有效期,可配置
部署流程1 命令pnpm run cf:dev
技术栈:Next.js 15Cloudflare WorkersD1 + PrismaR2 Storage

准备好整理你的资产了吗?

登录后即可体验完整的瀑布流图库、签名下载、标签筛选基础能力。如果你想要扩展团队协作,可随时在仓储层新增自定义策略,我们已经铺好管线。