之前我的开发经验还停留在 php + jquery 时代,对 Next.js 零基础的我,在 Cursor 的帮助下,一步一步的开发过程,还是很有趣的,让我这个 40+ 的老男人,又找到了当初程序员的快乐。
背景
作为一个佛教爱好者,我一直希望能有一个现代化的平台来阅读和理解佛经。市面上的产品要么太过传统,要么功能单一。于是决定亲自动手,做一个结合 AI 技术的佛经智慧平台,春节前和几位师兄碰头,他们觉得这个想法不错,但是一直没有动力去动手开发这个事。
近一年,自己也一直有关注 ai 类产品,用 ai 做一些小工具之类的,但是从 0 到 1 做一款独立产品,实在是没有信心。
直到上个月,看到一个朋友分享用了 3 天时间开发了一个 hacknews 中文版的帖子,觉得很有意思,之前用 cursor 也是玩的心态,当天就充了会员,按那个朋友分享的教程,做了一个原型出来,现在上线的网站,70% 的原型就是第一天,花了 10 分钟不到,做出来的,丝毫没有夸张。
后果就是 pro 会员的额度,被我 2 天就用完了 🤣
有图有真相。
( cursor 会员爆了……)
(第一次 git commit )
技术栈
- 前端: Next.js 15, TypeScript, Tailwind CSS, shadcn/ui
- 后端: Next.js API Routes, Prisma ORM
- 数据库: PostgreSQL (通过 Prisma 支持)
- 认证: NextAuth.js 目前只做了邮箱,因为没备案,后面考虑加手机和微信登录
第一次用 js 完成一整个产品,从设计到开发,到后端,这个项目如果让我用旧的经验来开发,php + vue 的话,我自己保守估计,至少得 2- 3 个月,这半个月的开发让我这个"老男人"重新找回了编程的乐趣:每实现一个功能的成就感,从 0 到 1 ,解决一个棘手问题后的喜悦,看到设计变成现实的满足感,重新感受技术创造的力量。
ai 可以解决执行力的问题,我想这就是 ai 给我们带来的价值吧。
跟 cursor 结队开发过程中,给我最大的感受就是 ai 思考问题的角度跟我不太一样,我有时候提一个简单的需求,ai 会帮我过度设计,产生了很多冗余代码,但是有时候,他的一些思路,也是我没有想到的,同时也会给我一些灵感。
能分享的一点经验,就是尽量把功能拆的细一点,一个组件如果功能太多,就让 ai 帮你拆分成不同的子组件,这样在新开发功能的时候,影响最小。另外,让 ai 帮你做自动化单元测试,也是一个不错的方法,之前写单元测试最痛苦,现在只需要一句话……
总结一下,我最近半个月用的最多的 prompt 吧,哈哈
- 我想实现 xxx 的功能,先思考一下如何做,列出你的思路
- 已经完成的这个组件,还有没有冗余,有哪些地方可以优化,从代码可读性和可维护性方面来考虑
- 这个功能不对,麻烦重新思考
- 帮我为这个新功能写一个自动化测试
功能列表
- 内置 4000 部佛经,数据来源是 CBETA
- 支持 ai 实时翻译,一开始用的 openai 太贵了,现在是 deepseek ,没有翻译过的佛经,第一次访问可能会有点慢,有人看过的就会有缓存
- 支持明暗模式,黑暗模式调了很久,我还不太满意,目前暂用的是 shadcn/ui 的一个方案
- 已登录用户,支持多端阅读进度同步
- 在手机和电脑端,都有良好的阅读体验,手机端可以添加到主屏幕使用,效果更好
后期功能计划
- 加入佛经全文搜索功能
- 按照语义化分类,提供智能问答服务
所有功能都是免费开放,最后放几张截图,放上内测地址,希望大家有同样爱好的f友多体验,多反馈宝贵意见,我会持续改进的。





访问地址
释迦牟尼佛即将涅槃时,阿难尊者请示:一切经典开头应当安立什么语句。佛陀指示在经首安立"如是我闻"四字。(来自《金剛經淺解》)
目前服务部署在 Vercel 上,如果访问有问题或者不够流畅,请留言反馈告诉我。
致谢
开发过程中参考了 https://hn.aimaker.dev
参考了f友 @wcao 的 https://aspoem.com/zh-Hans
这里一并表示感谢🙏
|