资源分享

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

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

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

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

Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、global-error.tsx（根错误）、not-found.tsx（404）、loading.tsx（加载状态）。错误消息走 i18n，catch 块用 logger.error，用户看到友好提示。 AI 降 AI 率工...

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

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

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

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

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

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

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

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

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

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

Vibecoding 工作流模板：① 描述需求（自然语言）② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具，效率比传统开发提升 3-5 倍。 Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、globa...

Next.js 测试模板：Vitest 配置（jsdom 环境、setup 文件）、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标：核心逻辑 80%+，UI 交互 60%+。 Next.js 博客模板对比：① next-portfolio-b...

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

Next.js 全栈脚手架推荐：① create-next-app（官方）② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择：T3 Stack（tRPC+Prisma+Tailwind）、Next-auth+Prisma 组...

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