资源分享

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

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

开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 Vercel 优化清单：① 函数冷启动优化 ② Edge R...

SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② description（120-160 字符）③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 免费 CDN：Cloudflare（最流行，...

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

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 Tailwind v4 迁移：① @tailwind...

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

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。 免费设计资源：Figma 社区（UI...

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

Cursor .cursorrules 模板按技术栈分类：Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...

免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源 CDN）、unpkg（npm CDN）。图床：Cloudflare R2（10GB 免费）、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Prisma 迁移...

出海支付集成：Stripe（国际最全）、Lemon Squeezy（Merchant of Record，省税务）、Paddle（类似 LS）、Razorpay（印度）、微信/支付宝（国内）。SaaS 推荐 Stripe 或 Lemon Squeezy（后者自动处理全球税务）。 免费 SSL 证书...

AI 编程工具对比表（2024 最新）：Cursor（$20/月，多文件编辑最强）、Copilot（$10/月，生态最全）、Windsurf（$15/月，速度最快）、Cline（开源免费，需自备 API）、Trae（国产，中文最好）。按预算和场景选择。 Vercel 优化清单：① 函数冷启动优化...

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

AI 编程 Prompt 模板库推荐：① awesome-cursorrules（GitHub 上的 .cursorrules 集合）② promptbase（Prompt 市场）③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...

Next.js 部署平台：Vercel（官方，最佳体验）、Netlify（替代方案）、Railway（全栈，含数据库）、Fly.io（边缘部署）、self-host（Docker）。开发用 Vercel，成本敏感考虑 Railway 或 self-host。 Server Action 代码模板：...

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

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

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

AI 编程工具对比表（2024 最新）：Cursor（$20/月，多文件编辑最强）、Copilot（$10/月，生态最全）、Windsurf（$15/月，速度最快）、Cline（开源免费，需自备 API）、Trae（国产，中文最好）。按预算和场景选择。 Next.js 图片优化：用 next/im...