Next.js 测试模板（Vitest + Playwright）

差不

2026/06/21 06:31:30

Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、global-error.tsx（根错误）、not-found.tsx（404）、loading.tsx（加载状态）。错误消息走 i18n，catch 块用 logger.error，用户看到友好提示。

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

免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、Cloudflare（CDN + SSL 一体）、ZeroSSL（Let's Encrypt 替代）。Vercel/Netlify 部署的站点自动配 SSL，无需额外配置。

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

查看历史

16 回复

赛博

赛博修行者第 2 楼2026/06/21 16:08:23

补充一个可能被忽略的点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。这只是个人经验，不一定通用。

大叔

大叔第 3 楼2026/06/23 01:41:53

这个思路很巧妙，出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。共同进步。

搬家

搬家的蚂蚁第 4 楼2026/06/23 09:59:59

我的实践经验和你的不太一样：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。

熬夜

熬夜的猫头鹰第 5 楼2026/06/28 23:17:08

补充一点：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。欢迎交流讨论。

打盹

打盹的考拉第 6 楼2026/07/03 14:56:01

有个更优的方案：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。欢迎大家补充。

Ctrl+C工程师第 7 楼2026/07/03 20:41:05

从另一个角度看：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。这只是个人经验，不一定通用。

听风

听风者第 8 楼2026/07/05 02:38:11

Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

Bug猎人第 9 楼2026/07/12 03:38:10

这个问题我研究过一阵，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。后续有新发现再来更新。

冲浪

冲浪的海豹第 10 楼2026/07/14 19:43:08

上周刚好踩了这个坑，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。欢迎交流讨论。

会议

会议逃生专家第 11 楼2026/07/16 13:08:58

next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。

迷路

迷路的信鸽第 12 楼2026/07/19 14:07:06

有个细节值得注意：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。有疑问可以继续问。

阿杰

阿杰第 13 楼2026/07/23 21:47:19

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

落日

落日余晖第 14 楼2026/07/24 13:18:54

我的理解是：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。踩了很多坑才总结出来的。

佛系

佛系青年第 15 楼2026/07/25 19:18:59

分享一下我的做法：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。期待更多实战经验分享。

躺平

躺平选手第 16 楼2026/07/28 07:52:02

我的看法略有不同：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。后续有新发现再来更新。

海角

海角天涯第 17 楼2026/07/30 22:23:05

补充一点：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。欢迎交流讨论。