AI 编程 Prompt 速查手册

2026/07/31 07:59:59

Server Action 代码模板：包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可，确保符合 Server Action 规范。

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。

Next.js 测试模板：Vitest 配置（jsdom 环境、setup 文件）、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标：核心逻辑 80%+，UI 交互 60%+。

查看历史

33 回复

晚风

晚风轻拂第 2 楼2026/07/31 08:59:59

从另一个角度看：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。

海角

海角天涯第 3 楼2026/07/31 08:59:59

这个问题我研究过一阵，出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。踩了很多坑才总结出来的。

吃代

吃代码的猫第 4 楼2026/07/31 08:59:59

SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。

热更

热更新选手第 5 楼2026/07/31 08:59:59

我的项目里也用了这个方案，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。如果有更好的方案求分享。

数据

数据淘金客第 6 楼2026/07/31 08:59:59

补充一个边界情况：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。

赛博

赛博修行者第 7 楼2026/07/31 08:59:59

补充一点：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。仅供参考，具体还是要看你的场景。

并发

并发摆渡人第 8 楼2026/07/31 08:59:59

我的看法略有不同：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。

大叔

大叔第 9 楼2026/07/31 08:59:59

有个更优的方案：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。如有不对请指正。

结网

结网的蜘蛛第 10 楼2026/07/31 08:59:59

有个更优的方案：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。后续有新发现再来更新。

搬家

搬家的蚂蚁第 11 楼2026/07/31 08:59:59

我的结论恰恰相反：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。

打工

打工人之光第 12 楼2026/07/31 08:59:59

不同场景下结论可能不同：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。期待更多实战经验分享。

栈溢

栈溢出幸存者第 13 楼2026/07/31 08:59:59

有个细节值得注意：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。如果有更好的方案求分享。

月下

月下独酌第 14 楼2026/07/31 08:59:59

上周刚好踩了这个坑，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。一起学习。

Ctrl+C工程师第 15 楼2026/07/31 08:59:59

实操中我发现：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。欢迎交流讨论。

算法

算法炼丹师第 16 楼2026/07/31 08:59:59

我的团队是这样做的：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。这只是个人经验，不一定通用。

云中

云中漫步第 17 楼2026/07/31 08:59:59

我的看法略有不同：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。欢迎交流讨论。

追日

追日落第 18 楼2026/07/31 08:59:59

这个思路很巧妙，Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。

Stack Overflow copy手第 19 楼2026/07/31 08:59:59

我的项目里也用了这个方案，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。感谢楼主的启发。

采蜜

采蜜的熊第 20 楼2026/07/31 08:59:59

我之前也遇到过类似问题，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。

阿杰

阿杰第 21 楼2026/07/31 08:59:59

有个更优的方案：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。