资源分享

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

Next.js 博客模板对比：① next-portfolio-blog（简洁）② velite（内容集合）③ contentlayer（已停更）④ next-blog-theme（Vercel 官方）⑤ hashnode（托管型）。按内容管理方式选择：MDX 文件 vs CMS vs Headle...

Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。...

Vercel 优化清单：① 函数冷启动优化 ② Edge Runtime ③ ISR 缓存 ④ 图片优化 ⑤ 字体优化 ⑥ 代码分割 ⑦ 第三方脚本优化 ⑧ build 配置 ⑨ 环境变量管理 ⑩ 域名和 HTTPS。每项都有对应的 Vercel 功能支持。 国际化翻译文件模板：分享一套 zh.j...

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

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

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

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

国际化翻译文件模板：分享一套 zh.json + en.json 模板，包含 auth/forum/dashboard/errors/common 五个命名空间，ICU 插值格式，最多 2 层嵌套。符合 next-intl 规范，直接复制修改。 免费 CDN：Cloudflare（最流行，免费额度...

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

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

出海域名选择：① .com 最通用 ② .ai 适合 AI 产品（贵但流行）③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun（便宜）、Namecheap（服务好）、Cloudflare（成本价）。 Next.js 全栈脚手架推荐：① crea...

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

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

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

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

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

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

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

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