资源分享

AI 编程工具对比表（2024 最新）：Cursor（$20/月，多文件编辑最强）、Copilot（$10/月，生态最全）、Windsurf（$15/月，速度最快）、Cline（开源免费，需自备 API）、Trae（国产，中文最好）。按预算和场景选择。 免费设计资源：Figma 社区（UI Kit...

国际化翻译文件模板：分享一套 zh.json + en.json 模板，包含 auth/forum/dashboard/errors/common 五个命名空间，ICU 插值格式，最多 2 层嵌套。符合 next-intl 规范，直接复制修改。 图标库推荐：Lucide React（Shadcn...

SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② description（120-160 字符）③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 AI 编程 Prompt 速查手册：代码生成...

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

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

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

Next.js 中间件模板：包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护，禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② description（1...

开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 出海域名选择：① .com 最通用 ② .ai 适合 AI...

Next.js 部署平台：Vercel（官方，最佳体验）、Netlify（替代方案）、Railway（全栈，含数据库）、Fly.io（边缘部署）、self-host（Docker）。开发用 Vercel，成本敏感考虑 Railway 或 self-host。 AI 编程工具扩展：Cursor 扩展...

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

Server Action 代码模板：包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可，确保符合 Server Action 规范。 SaaS Boilerplate 横评：① ShipFast（Next.js +...

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

Prisma Schema 设计模板：包含 User/Post/Comment/Tag 的标准模型，含索引、关系、级联删除、软删除字段、时间戳。按这个模板扩展，避免漏掉索引和关系定义。 AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS...

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

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

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

Prisma Schema 设计模板：包含 User/Post/Comment/Tag 的标准模型，含索引、关系、级联删除、软删除字段、时间戳。按这个模板扩展，避免漏掉索引和关系定义。 免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、Cloudflare（CDN + SSL...

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

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

免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、Cloudflare（CDN + SSL 一体）、ZeroSSL（Let's Encrypt 替代）。Vercel/Netlify 部署的站点自动配 SSL，无需额外配置。 Next.js 中间件模板：包含认证重定向、API...