资源分享

Next.js 中间件模板：包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护，禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量...

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

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

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

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

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。 Tailwind v4 迁移：①...

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。 Next.js SEO 配...

Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、global-error.tsx（根错误）、not-found.tsx（404）、loading.tsx（加载状态）。错误消息走 i18n，catch 块用 logger.error，用户看到友好提示。 免费中英文字体推荐：...

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

Next.js 测试模板：Vitest 配置（jsdom 环境、setup 文件）、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标：核心逻辑 80%+，UI 交互 60%+。 免费 SSL 证书：Let's Encrypt（最流行，90 天续...

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

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

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。 Next.js 部署平台：Ver...

出海产品配色方案：① 蓝色系（信任感，SaaS 常用）② 绿色系（增长，金融科技）③ 紫色系（创新，AI 产品）④ 橙色系（活力，消费应用）⑤ 黑白灰（极简，设计工具）。推荐去 Realtime Colors 和 Happy Hues 找现成配色。 Next.js 中间件模板：包含认证重定向、AP...

出海建站资源包：域名注册用 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...

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