6 位代码搞定一切!这款 Next.js 工具,让你精准盯紧基金每一笔持仓

平时查基金估值要切换 N 个 APP？想知道持仓重仓股今天涨没涨，还得手动搜股票行情？作为常年盯基金的投资者，这些痛点是不是戳中了你？

今天给大家安利一款宝藏开源工具 ——「real-time-fund」，纯前端无广告、无需安装，输入基金代码就能实时追估值、看重仓股动态，手机电脑都能直接用，堪称基金投资者的 “盯盘神器”！

✨ 这款工具的核心亮点，用过都说香

1. 实时估值 + 重仓追踪，一手掌握核心信息

不用再东拼西凑查数据！输入 6 位基金代码（比如 110022），工具会立刻展示基金的单位净值、估值净值和实时涨跌幅，数据来自天天基金等靠谱平台，更新及时不延迟。

更实用的是，它会自动抓取基金前 10 大重仓股，实时同步这些股票的盘中涨跌情况，还支持收起 / 展开展示 —— 想快速看整体持仓表现，还是深入盯某只重仓股，都能按需调整。

2. 纯前端运行，打开网页就能用

这款工具最绝的地方在于 “无后端依赖”！通过技术方案直连东方财富、腾讯财经等公开接口，彻底解决跨域问题，不用部署服务器，直接在 GitHub Pages 上就能运行。

不管你是用电脑浏览器打开，还是手机扫码访问，都能秒加载，无广告、不卡顿，完全免费使用。

3. 自选 + 本地保存，刷新不丢数据

添加的基金太多记不住？可以把常用基金加入 “自选列表”，通过 Tab 一键切换 “全部基金” 或 “仅自选基金”，重点基金重点盯。

而且工具会自动用本地存储保存你的基金列表和配置，就算不小心刷新页面、关掉浏览器，再次打开也能恢复之前的设置，不用重新添加，超省心。

4. 全场景适配 + 灵活自定义

• 响应式设计：PC 端看数据清晰全面，移动端优化了字体大小和交互逻辑，通勤路上用手机查也不费眼；
• 刷新频率自定义：想高频盯盘就设 5 秒自动刷新，想省流量就调至 300 秒，也能随时手动刷新，按需适配不同需求。

🛠 技术党看这里：轻量但强大的技术栈

这款工具基于 Next.js（App Router）开发，用原生 CSS 实现了颜值超高的玻璃拟态设计，视觉体验很舒服。

数据源也很靠谱：

• 基金估值：天天基金（JSONP 方案）
• 重仓数据：东方财富（HTML 解析）
• 股票行情：腾讯财经（脚本注入）

部署也超方便，项目自带 GitHub Actions 配置，每次推送到 main 分支就会自动构建部署到 GitHub Pages；如果想本地开发，几步就能搞定：

1. 克隆仓库：
   git clone https://github.com/hzm0321/real-time-fund.git

2. 安装依赖：
   npm install

3. 运行开发服务器：
   npm run dev

   访问http://localhost:3000即可预览。

📖 3 步上手，快速用起来

1. 打开预览地址：https://hzm0321.github.io/real-time-fund
3. 添加基金：顶部输入框输入 6 位基金代码，点击 “添加”，卡片会自动加载实时数据；
4. 自定义操作：点击右上角 “设置” 调整刷新频率，卡片右上角红色图标可删除不需要的基金，展开卡片就能看重仓股详情。

对于基金投资者来说，这款「real-time-fund」真的太实用了！不用切换多个平台，不用忍受广告弹窗，实时估值、重仓股动态一手掌握，还支持自选收藏和跨设备适配，关键是完全免费开源，代码还能自己部署修改。

不管你是定投党、短线操作者，还是单纯想清晰了解基金持仓情况，这款工具都值得一试～ 赶紧收藏起来，下次盯基金直接用！

📌 项目 GitHub 地址：https://github.com/hzm0321/real-time-fund📌 在线预览地址：https://hzm0321.github.io/real-time-fund