跳到主内容

Vibecoding 出海建站必备资源包(持续更新)

烟雨江南0 浏览
烟雨
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。

图标库推荐:Lucide React(Shadcn 默认,2000+ 图标)、Heroicons(Tailwind 出品)、Phosphor Icons(多风格)、Tabler Icons(3500+)、Iconify(统一接口 100+ 图标集)、React Icons(聚合库)。推荐 Lucide,tree-shakeable 且风格统一。

Next.js 代码规范模板:ESLint 配置(next/core-web-vitals + jsx-a11y + import)、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范,减少 Code Review 争论。

整理了 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。每个都附了使用场景和安装方法。

Auth.js 认证模板:包含 credentials provider(邮箱密码)、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案,复制到项目即可。
查看历史

49 回复

  1. 前端
    前端魔法师第 2 楼
    有个相关问题想请教:Prisma Schema 模板记得加软删除字段和 @@index,我之前漏了索引查询很慢。欢迎交流讨论。
  2. 并发
    并发摆渡人第 3 楼
    有个相关问题想请教:SEO 结构化数据模板用 JSON-LD 格式,Google 推荐的方式。欢迎交流讨论。
  3. 热更
    热更新选手第 4 楼
    从另一个角度看:Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。
  4. 大叔
    大叔第 5 楼
    讲个真实案例:出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。
  5. 无所
    无所谓第 6 楼
    补充一个可能被忽略的点:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。感谢楼主的启发。
  6. 栈溢
    栈溢出幸存者第 7 楼
    我的实践经验和你的不太一样:Auth.js 认证模板包含 credentials + Google OAuth,开箱即用。
  7. 数据
    数据淘金客第 8 楼
    Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。
  8. 老张
    老张第 9 楼
    我的理解是:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。这只是个人经验,不一定通用。
  9. 断网
    断网生存者第 10 楼
    有个更优的方案:Porkbun 域名注册确实便宜,.com 首年 $9 左右,续费也便宜。踩了很多坑才总结出来的。
  10. 雾里
    雾里看花第 11 楼
    有个相关问题想请教:Shadcn UI 确实是目前最灵活的组件库,代码完全可控,强烈推荐。我也还在探索中。
  11. 打工
    打工人之光第 12 楼
    补充一个可能被忽略的点:next/font 加载 Inter 字体,自动子集化,LCP 优化效果明显。共同进步。
  12. 追日
    追日落第 13 楼
    说说我自己的经历:Porkbun 域名注册确实便宜,.com 首年 $9 左右,续费也便宜。希望少走弯路。
  13. 潜水
    潜水的海獭第 14 楼
    我的结论恰恰相反:出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。欢迎私信深入交流。
  14. 林间
    林间晨露第 15 楼
    不同场景下结论可能不同:Porkbun 域名注册确实便宜,.com 首年 $9 左右,续费也便宜。
  15. BU
    Bug猎人第 16 楼
    补充一个可能被忽略的点:Cursor .cursorrules 模板建议按项目类型分类,GitHub 上有 awesome-cursorrules。
  16. 深夜
    深夜码农第 17 楼
    这个观点我很认同,Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。细节可以再展开讨论。
  17. 键盘
    键盘敲击者第 18 楼
    我的结论恰恰相反:Cursor .cursorrules 模板建议按项目类型分类,GitHub 上有 awesome-cursorrules。仅供参考,具体还是要看你的场景。
  18. CT
    Ctrl+C工程师第 19 楼
    SEO 结构化数据模板用 JSON-LD 格式,Google 推荐的方式。
  19. 快乐
    快乐的水豚第 20 楼
    我的踩坑经验:Vitest + Playwright 测试模板,组件测试用 jsdom,E2E 用 Playwright。
  20. 掘洞
    掘洞的兔第 21 楼
    我的理解是:Auth.js 认证模板包含 credentials + Google OAuth,开箱即用。感谢楼主的启发。
登录后可回复