Cursor .cursorrules 模板集合（按技术栈分类）

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

Vibecoding 实战案例：记录了我用 Cursor 从一个 idea 到上线产品的全过程。① 用 AI 生成 landing page ② 搭建认证系统 ③ 实现核心功能 ④ 接入支付 ⑤ 部署上线。总共 3 天，AI 生成约 70% 代码，人工审查和调整 30%。

Next.js 博客模板对比：① next-portfolio-blog（简洁）② velite（内容集合）③ contentlayer（已停更）④ next-blog-theme（Vercel 官方）⑤ hashnode（托管型）。按内容管理方式选择：MDX 文件 vs CMS vs Headless。

UI 组件库 2024 版推荐：Shadcn UI（最灵活，复制粘贴）、Radix UI（无样式，可定制）、Headless UI（Tailwind 官方）、Park UI（多框架）、shadcn/registry（社区主题）。个人最推荐 Shadcn UI，组件代码完全可控。