资源分享

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

出海建站资源包：域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用...

Auth.js 认证模板：包含 credentials provider（邮箱密码）、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案，复制到项目即可。 Next.js 部署平台：Verc...

Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 SEO 结构化数据模板：Web...

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

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

Auth.js 认证模板：包含 credentials provider（邮箱密码）、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案，复制到项目即可。 Next.js 性能监控：① Ve...

Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hrefl...

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

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 图标库推荐：Lucide React（Shadcn...

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

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 工程 ⑨...

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

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

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 命令）。打印出来贴桌上。 P...

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

出海建站资源包：域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用...

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

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