开源 Next.js 博客模板横向对比
国际化翻译文件模板:分享一套 zh.json + en.json 模板,包含 auth/forum/dashboard/errors/common 五个命名空间,ICU 插值格式,最多 2 层嵌套。符合 next-intl 规范,直接复制修改。 Cursor .cursorrules 模板按技术栈...
国际化翻译文件模板:分享一套 zh.json + en.json 模板,包含 auth/forum/dashboard/errors/common 五个命名空间,ICU 插值格式,最多 2 层嵌套。符合 next-intl 规范,直接复制修改。 Cursor .cursorrules 模板按技术栈...
SEO 工具大全:关键词研究用 Ahrefs/SEMrush/Ubersuggest,排名监控用 Google Search Console/AccuRanker,技术 SEO 用 Screaming Frog/Sitebulb,内容优化用 Surfer SEO/Clearscope,免费替代用 G...
Next.js 图片优化:用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 AI 编程工具快捷键:Curs...
SEO 内容写作模板:① 标题公式(关键词+价值主张+品牌)② description(120-160 字符)③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 免费 CDN:Cloudflare(最流行,...
Next.js 中间件模板:包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护,禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 Next.js 错误处理模板:包含 error.tsx(路由组错误边界)、global-e...
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 工作流模板...
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 Vibecoding 学习社区...
Vercel 优化清单:① 函数冷启动优化 ② Edge Runtime ③ ISR 缓存 ④ 图片优化 ⑤ 字体优化 ⑥ 代码分割 ⑦ 第三方脚本优化 ⑧ build 配置 ⑨ 环境变量管理 ⑩ 域名和 HTTPS。每项都有对应的 Vercel 功能支持。 出海域名选择:① .com 最通用 ②...
Vibecoding 工作流模板:① 描述需求(自然语言)② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具,效率比传统开发提升 3-5 倍。 Auth.js 认证模板:包含 credentials provider(邮箱密码)...