新增 · 资产瀑布流体验
将分散的家庭资产集中到一眼即懂的瀑布流画布
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
准备好整理你的资产了吗?
登录后即可体验完整的瀑布流图库、签名下载、标签筛选基础能力。如果你想要扩展团队协作,可随时在仓储层新增自定义策略,我们已经铺好管线。