前段时间将博客从 Notion 迁移到了 Vercel，发现了 Vercel 新功能 Storage，可以用来存储一些信息，我使用的是 KV Storage，但是 Vercel 并没有提供可视化的管理页面，这里就写了一个页面来管理 KV Storage。正好也可以趁此机会实践 Next.js 14。

项目地址#

功能#

使用 Next.js 14 全栈框架搭建，利用 Vercel SDK 来操作 KV Storage，实现string、hash、list、set、zset五种数据结构的增删改查。

使用方法#

1. clone 项目
2. 安装依赖 npm install
3. 从 Vercel Storage 获取你的 secret key，将其添加到 .env.development.local 文件中
4. 运行 npm run dev

项目截图#