mindpocket

MindPocket：开源免费的 AI 收藏夹系统，Vercel 一键部署，零成本搭建你的第二大脑

前言

作为开发者，你的浏览器书签栏是不是已经惨不忍睹了？

收藏了几百个技术文章、开源项目、API 文档，想找的时候要么靠模糊记忆翻文件夹，要么在搜索框里碰运气。更惨的是，你连当时为什么收藏这个链接都忘了。

今天推荐一个开源项目——MindPocket，一个集成了 AI Agent 的个人收藏夹系统。它能自动帮你总结收藏内容、生成标签，还支持用自然语言检索。关键是，部署在 Vercel + Neon 上，个人使用完全零成本。

多端展示

项目亮点

先说说这个项目为什么值得关注：

1. 零成本部署

Vercel 托管 + Neon 数据库，免费额度对个人用户绑绑有余。不需要买服务器，不需要花一分钱。

2. 多端覆盖

Web + Mobile + Browser Extension 三端支持。浏览器插件一键收藏，手机端随时查看，Web 端功能最全。

3. AI 增强

这才是核心卖点。MindPocket 集成了 RAG 和 AI Agent：

  • 自动总结收藏内容，不用点进去就知道文章讲了什么
  • 自动生成标签，告别手动分类
  • 支持自然语言检索，比如”那篇讲 React Server Components 的文章”

4. 完全开源

代码在 GitHub 上，MIT 协议，数据完全属于你自己。目前 265 star、125 fork。

5. 纯 VIBE CODING 产物

这个项目有个有趣的背景：作者只实现了一个核心功能，剩下 26,256 行代码全部由 Claude Code 生成。感兴趣的可以看看作者的 VIBE CODING 总结。

Web界面

技术栈

简单过一下技术选型：

层级 技术
前端框架 Next.js (apps/web)
状态管理 Zustand
数据库 Neon (PostgreSQL)
文件存储 Vercel Blob
认证 Better Auth
AI RAG + AI Agent（支持自定义模型）
部署 Vercel
包管理 pnpm + Turborepo

部署教程

下面是详细的部署步骤。我自己踩了不少坑，这里把注意事项都标出来了。

准备工作

Step 1: Fork 仓库

进入 MindPocket 仓库，点击右上角 Fork。

fork仓库

Step 2: Vercel 创建项目

登录 Vercel，点击右上角 Add New → Project。

新建vercel项目

关联你的 GitHub 账号，找到刚 Fork 的仓库，点 Import。

关联github项目

导入项目

Step 3: 关键配置（别踩坑）

这里有两个必须修改的地方：

Root Directory 必须设置为 apps/web，否则部署出来的只是项目介绍页面。

Build Command 必须改为 pnpm build。

创建项目

修改成apps/web

编译命令

点 Deploy。第一次部署大概率会失败，因为还没配数据库，先不管它。

等待部署

Step 4: 创建 Storage

回到 Vercel 项目主页，进入 Storage 标签页。

vercel主页

创建 Blob Storage：

点 Create Database，选 Blob。Store Name 随意，Access 必须选 Public。

创建storage

blob设置

blob详情

创建后点进去，在 .env.local 标签下找到 BLOB_READ_WRITE_TOKEN，记下来。

blob点进去

blob token

创建 Neon 数据库：

回到 Storage 页面，创建 Neon 实例，默认参数即可。

创建neon

点进去后同样找到 DATABASE_URL，记下来。

neon实例

neon数据库url

Step 5: 配置环境变量

在 Vercel 中搜索 Environment Variables，进入你的项目配置。

搜索环境变量

切换项目

需要配置的环境变量：

1
2
3
4
5
6
7
8
9
10
11
12
# 上面创建 Blob 时获取的 Token
BLOB_READ_WRITE_TOKEN=your_blob_token

# 上面创建 Neon 时获取的数据库 URL
DATABASE_URL=your_database_url

# 认证密钥，至少 32 位随机字符串
# 可用命令生成: openssl rand -base64 32
BETTER_AUTH_SECRET=your_secret

# 部署域名（第一次先空着）
NEXT_PUBLIC_APP_URL=

环境变量配置

Step 6: 重新部署

环境变量配好后，点 Redeploy。

重新部署

部署成功后会获得一个域名，把这个域名填入 NEXT_PUBLIC_APP_URL，再重新部署一次。

部署域名

重要提醒： 部署完成后立即注册账号！第一个注册的用户就是管理员，之后其他人无法注册。

Step 7: 配置 AI 模型

进入系统设置，添加对话模型和向量模型。

配置模型

添加模型

API Key 推荐使用 阿里云百炼，有免费额度，个人使用足够了。

批量导入浏览器书签

作者还提供了一个书签导入脚本，可以把浏览器书签批量导入到 MindPocket。

  1. 从浏览器导出书签为 HTML 文件
  2. 下载 import-browser-bookmarks.js
  3. 修改脚本中的变量值，运行即可

导入脚本变量

总结

MindPocket 解决了一个很实际的问题：收藏夹管理。

它的核心优势在于 AI 增强——自动总结、自动标签、自然语言检索，这些功能让”收藏了就等于没收藏”这个问题终于有了一个像样的解决方案。

再加上零成本部署、完全开源、数据自主，对于开发者来说门槛很低。如果你也被浏览器书签的混乱困扰已久，不妨试试。

项目地址：https://github.com/jihe520/mindpocket

书签导入脚本：https://github.com/abigmiu/mindpocket

如果觉得这个项目有用，去 GitHub 给个 Star 支持一下作者吧。