资源分享

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

AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Composer）、Copilot（Tab 接受、Cmd+I Chat）、Windsurf（Cmd+I Cascade）、VS Code 通用（Cmd+P 文件、Cmd+Shift+P 命令）。打印出来贴桌上。 免...

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 SEO 结构化数据模板：WebPage（基础页面）、Ar...

Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 AI 编程工具快捷键：Curs...

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

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

Prompt 工程学习资源：① OpenAI Prompt Engineering Guide（官方）② Anthropic Prompt Engineering ③ Learn Prompting（开源教程）④ Prompt Engineering Guide（DAIR.AI）⑤ DeepLear...

AI 编程 Prompt 速查手册：代码生成（描述需求+技术栈+约束）、Bug 修复（贴报错+代码+期望）、重构（贴代码+目标）、测试（贴代码+覆盖场景）、文档（贴代码+文档类型）。每个场景一个标准 Prompt 模板。 AI 编程工具扩展：Cursor 扩展（Better Cursor Rule...

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

Prisma Schema 设计模板：包含 User/Post/Comment/Tag 的标准模型，含索引、关系、级联删除、软删除字段、时间戳。按这个模板扩展，避免漏掉索引和关系定义。 SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Produc...

开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 开源 Admin Dashboard 模板：① shadcn...

Prompt 工程学习资源：① OpenAI Prompt Engineering Guide（官方）② Anthropic Prompt Engineering ③ Learn Prompting（开源教程）④ Prompt Engineering Guide（DAIR.AI）⑤ DeepLear...

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

整理了 10 个我每天都在用的 Next.js 开发工具：① next-learn 官方教程 ② shadcn/ui 组件库 ③ prettier-plugin-tailwindcss ④ next-bundle-analyzer ⑤ react-devtools ⑥ prisma-studio ⑦...

SaaS Boilerplate 横评：① ShipFast（Next.js + Stripe，$299）② Next SaaS Starter（开源）③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择，付费的省时间，开源的省钱。 整理了 10...

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

Server Action 代码模板：包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可，确保符合 Server Action 规范。 免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源...

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

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

SEO 工具大全：关键词研究用 Ahrefs/SEMrush/Ubersuggest，排名监控用 Google Search Console/AccuRanker，技术 SEO 用 Screaming Frog/Sitebulb，内容优化用 Surfer SEO/Clearscope，免费替代用 G...