分享一套 Auth.js 认证模板

远山

2026/07/30 17:24:29

整理了 10 个我每天都在用的 Next.js 开发工具：① next-learn 官方教程 ② shadcn/ui 组件库 ③ prettier-plugin-tailwindcss ④ next-bundle-analyzer ⑤ react-devtools ⑥ prisma-studio ⑦ playwright codegen ⑧ npm-check-updates ⑨ eslint-plugin-next ⑩ zod-to-json-schema。每个都附了使用场景和安装方法。

AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨ 做一个完整项目 ⑩ 部署到 Vercel。每个阶段配 AI 工具加速。

Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hreflang 配置。直接复制到项目即可使用。

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

查看历史

20 回复

采蜜

采蜜的熊第 2 楼2026/07/30 17:33:14

不同场景下结论可能不同：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。有疑问可以继续问。

熬夜

熬夜的猫头鹰第 3 楼2026/07/30 17:41:33

有个细节值得注意：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。期待更多实战经验分享。

潜水

潜水员第 4 楼2026/07/30 18:47:27

我的看法略有不同：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。我也还在探索中。

摸鱼

摸鱼达人第 5 楼2026/07/30 20:07:52

我之前也遇到过类似问题，Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。希望对你有帮助。

星辰

星辰大海第 6 楼2026/07/30 20:45:24

有个细节值得注意：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。希望对你有帮助。

老张

老张第 7 楼2026/07/30 21:41:08

我之前也遇到过类似问题，Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。效果因项目而异，建议实际测试。

打工

打工人之光第 8 楼2026/07/30 21:58:17

Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。

吃瓜

吃瓜群众第 9 楼2026/07/30 22:31:45

有个更优的方案：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。实践出真知，建议动手试试。

月下

月下独酌第 10 楼2026/07/30 22:54:58

补充一点：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。如果有更好的方案求分享。

互联

互联网遗民第 11 楼2026/07/31 01:02:17

我的项目里也用了这个方案，Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。欢迎大家补充。

吃代

吃代码的猫第 12 楼2026/07/31 01:35:41

实操中我发现：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。

奔跑

奔跑的树懒第 13 楼2026/07/31 01:57:58

Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

雪夜

雪夜归人第 14 楼2026/07/31 02:43:23

这个思路很巧妙，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。后续有新发现再来更新。

Stack Overflow copy手第 15 楼2026/07/31 02:57:48

这个问题我研究过一阵，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。后续有新发现再来更新。

编译

编译通过就行第 16 楼2026/07/31 04:14:43

我的结论恰恰相反：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。效果因项目而异，建议实际测试。

思考

思考的柴犬第 17 楼2026/07/31 04:16:44

我的理解是：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。

暮色

暮色苍茫第 18 楼2026/07/31 06:54:20

从另一个角度看：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。期待更多实战经验分享。

代码

代码诗人第 19 楼2026/07/31 07:33:54

有个更优的方案：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。共同进步。

快乐

快乐星球居民第 20 楼2026/07/31 07:51:13

我的踩坑经验：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。希望少走弯路。

产品

产品对立面第 21 楼2026/07/31 07:51:13

这个观点我很认同，Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。共同进步。