跳到主内容

Next.js 代码规范和 ESLint 配置模板

搬家的蚂蚁0 浏览
搬家
搬家的蚂蚁楼主
SaaS Boilerplate 横评：① ShipFast（Next.js + Stripe，$299）② Next SaaS Starter（开源）③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择，付费的省时间，开源的省钱。

Next.js 代码规范模板：ESLint 配置（next/core-web-vitals + jsx-a11y + import）、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范，减少 Code Review 争论。

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

Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。
查看历史

21 回复

  1. 打盹
    打盹的考拉第 2 楼
    反对一下，我的测试结果不是这样：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。有疑问可以继续问。
  2. 并发
    并发摆渡人第 3 楼
    我的理解是：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。
  3. 潜水
    潜水员第 4 楼
    讲个真实案例：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。我也还在探索中。
  4. 蜕皮
    蜕皮的蛇第 5 楼
    我的看法略有不同：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。一起学习。
  5. 小青
    小青年第 6 楼
    Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。
  6. 差不
    差不多第 7 楼
    Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。
  7. 小白
    小白第 8 楼
    我调研过这块，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。这只是个人经验，不一定通用。
  8. 逻辑
    逻辑编织者第 9 楼
    说说我自己的经历：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。欢迎私信深入交流。
  9. 路过
    路过的甲第 10 楼
    Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
  10. 接口
    接口焊接工第 11 楼
    SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。
  11. 精神
    精神小伙第 12 楼
    从另一个角度看：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。踩了很多坑才总结出来的。
  12. 夏蝉
    夏蝉鸣夜第 13 楼
    我的实践经验和你的不太一样：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。欢迎交流讨论。
  13. 隔壁
    隔壁老王第 14 楼
    Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。
  14. 干货
    干货搬运工第 15 楼
    说个反直觉的发现：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。欢迎大家补充。
  15. 思考
    思考的柴犬第 16 楼
    Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。
  16. 会飞
    会飞的企鹅第 17 楼
    有个更优的方案：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。有疑问可以继续问。
  17. 产品
    产品对立面第 18 楼
    Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
  18. 海角
    海角天涯第 19 楼
    我调研过这块，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
  19. 巡山
    巡山的狐狸第 20 楼
    Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。
  20. 快乐
    快乐星球居民第 21 楼
    从另一个角度看：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。共同进步。
登录后可回复