资源分享

AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS Code 扩展（Codeium、Tabnine、Supermaven）。推荐 Better Cursor Rules，社区维护的 .cursorrules 集合，按项目类型选择。 出海产...

Vercel 优化清单：① 函数冷启动优化 ② Edge Runtime ③ ISR 缓存 ④ 图片优化 ⑤ 字体优化 ⑥ 代码分割 ⑦ 第三方脚本优化 ⑧ build 配置 ⑨ 环境变量管理 ⑩ 域名和 HTTPS。每项都有对应的 Vercel 功能支持。 SaaS Boilerplate 横评...

Vercel 优化清单：① 函数冷启动优化 ② Edge Runtime ③ ISR 缓存 ④ 图片优化 ⑤ 字体优化 ⑥ 代码分割 ⑦ 第三方脚本优化 ⑧ build 配置 ⑨ 环境变量管理 ⑩ 域名和 HTTPS。每项都有对应的 Vercel 功能支持。 Vibecoding 工作流模板：①...

Prisma 迁移最佳实践：① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 UI 组件库 2024 版推荐...

AI 降 AI 率工具：① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考，真正的降 AI 率靠人工改写：加入个人经验、口语化表达、不完美语法、具体案例。 免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、...

开源 Admin Dashboard 模板：① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择：简单后台用 shadcn-admin，复杂 CRUD 用 refine，需要 ORM 集成用 adminjs。 Vibe...

AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS Code 扩展（Codeium、Tabnine、Supermaven）。推荐 Better Cursor Rules，社区维护的 .cursorrules 集合，按项目类型选择。 SEO...

分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板：Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用，省去两周搭架子...

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。 Next.js 全栈脚手架推荐：①...

图标库推荐：Lucide React（Shadcn 默认，2000+ 图标）、Heroicons（Tailwind 出品）、Phosphor Icons（多风格）、Tabler Icons（3500+）、Iconify（统一接口 100+ 图标集）、React Icons（聚合库）。推荐 Lucid...

AI 降 AI 率工具：① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考，真正的降 AI 率靠人工改写：加入个人经验、口语化表达、不完美语法、具体案例。 Server Action 代码模板：包含 Zod 校验、权限检查、事务...

Tailwind v4 迁移：① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/up...

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。 AI 编程 Prompt 速查手册：...

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。 Tailwind 组件灵感：① Ta...

Prisma 迁移最佳实践：① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 Tailwind 组件灵感：①...

AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...

Next.js 中间件模板：包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护，禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Com...

Next.js 中间件模板：包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护，禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、global-e...

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 整理了 10 个我每天都在用的 Next.js 开发工具...

Shadcn UI 定制主题：用 Shadcn CLI 生成主题，修改 CSS 变量（--primary、--background 等）。推荐工具：shadcn/registry（社区主题）、Shadcn Theme Generator、Realtime Colors。Tailwind v4 用 @...