开发工程 / 工作流案例

我搭建了一个Monad生态面板。以下是实际发生的事情。

初级到中级 首次搭建后持续迭代 @ice_bearcute
结果

把分散的链上生态信息聚合成可持续更新的 dashboard | 抓取候选→人工审核→分层上线

适合谁

在做信息聚合型产品、活动看板或生态监控页的独立开发者 / growth builder

Monad 生态里事情太多了。

NFT、Meme 币、dApp、活动、新手教程、$MON 价格——全都散落在 X、各个网站、不同的 Discord 里。如果你是新人,根本不知道从哪开始;就算你一直很活跃,也还是会错过一半的动态。

所以我做了 MonadHub 👉monad-hub.vercel.app

不是因为有人让我做,而是我自己需要它。

它是什么

一个 Monad 生态的实时仪表盘。一个网站,持续更新,一目了然。

标签页包括:

  • Monad 相关的热门 X 帖子
  • 热门 NFT 合集
  • Meme 币(实时数据)
  • 进行中的活动
  • 新上线的 dApp 和项目
  • 新手资源
  • $MON 价格 + Monad TVL

目标不只是罗列链接,而是让 Monad 变得可探索——无论你是刚入门,还是从测试网就在的老玩家。

我是怎么做的

前端用 Next.js + Vercel,速度快,仪表盘风格,做出来像真正的产品。

数据来源:

  • twitterapi:发现 Monad 的 X 帖子和活动
  • supabase:存储经过人工审核的活动
  • [nad.fun](//nad.fun) API:Meme 代币数据
  • opensea API:NFT 合集
  • defillama:TVL + 新项目上线
  • coingecko 类 API:$MON 价格

活动部分最费手工:

twitterapi 每隔几天抓取 Monad 活动帖子 → 存入 supabase 作为候选 → 我手动审核 → 通过的发布,自动归类为 热门 / 即将结束 / 已结束

我不想要一个嘈杂的信息流,我想要一个足够精炼、值得信赖的列表。

卡在哪了

实话实说:

  • opensea API 调用量太高:在出问题之前就加了激进缓存
  • supabase RLS、枚举下拉框、公开读取策略:一开始全搞不明白。通过 PowerShell 把 supabase MCP 连到 Codex 本身就是一场冒险
  • Logo 和头像因为图片 URL 或尺寸问题频繁挂掉
  • 字体编码一度显示奇怪的乱码字符
  • 分析工具无法显示安装 GA 之前的流量,早期数据只能靠 Vercel edge 日志估算

这些问题没有一个光鲜亮丽。但把它们全修好,才把一个粗糙的原型变成了别人真正在用的东西。

AI 是我的联合开发者

整个构建过程我都在用 Claude Code 和 Codex

Image
Image

两个我信任的 AI 工具

不只是用来生成代码,还用来可视化调试、连接 API、添加 supabase 逻辑、优化缓存、推送变更

工作流是:描述你想要什么或感觉哪里不对 → AI 实现/检查代码 → 更新实现 → 测试 → 推送。

这是一种不同的构建方式。不再是“我确切知道要写什么”,而是“我知道我想要什么,我们一起把它搞出来”

Vibecoding 是真实存在的。对于独立开发者来说,这确实是正确的做法。

发布后发生了什么

说实话,我本来没抱太大期望。

然后项目方开始主动联系我。开发者开始跑到网站上分享他们发布的东西。有人说这是他们找到的关于 Monad 生态最清晰的概览。

早期接近 500 个访客,每周还在增加。

感觉很好。不是因为数字,而是因为这东西真的有用。人们觉得它有用——在这个阶段,这才是唯一重要的指标。

接下来呢?

我手上还有更多工具在开发中。和 MonadHub 一样,都是因为我自己需要才做的。当你从真实需求出发去构建,产品自然会说话。

在发布这个项目的过程中,我意识到我其实很喜欢做这件事。不只是最终成品,还有迭代、凌晨两点的调试、以及某个功能终于按你想象的方式跑起来的那一刻。

我会继续做下去。也会继续分享我学到的东西:真实的内容,不只是噱头。

因为那才是值得做的内容。

---

如果你在 Monad 上做项目,想让你的项目被收录,请联系我。

如果你是一个创作者或开发者,正在考虑发布点什么——直接开始吧。工具不必完美,有用就行。

感谢阅读 🫶🏻

@ice\_bearcute

https://x.com/ice_bearcute/status/2062918908538146833

https://x.com/ice_bearcute/status/2063469210593075320

相关案例