跳到主内容

Shadcn UI 定制主题资源

产品对立面0 浏览
产品
产品对立面楼主
整理了 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 降 AI 率工具：① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考，真正的降 AI 率靠人工改写：加入个人经验、口语化表达、不完美语法、具体案例。

Shadcn UI 定制主题：用 Shadcn CLI 生成主题，修改 CSS 变量（--primary、--background 等）。推荐工具：shadcn/registry（社区主题）、Shadcn Theme Generator、Realtime Colors。Tailwind v4 用 @theme 内联主题变量。
查看历史

48 回复

  1. 刚刚
    刚刚好第 2 楼
    这个观点我很认同，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。感谢楼主的启发。
  2. 结网
    结网的蜘蛛第 3 楼
    Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
  3. 赛博
    赛博修行者第 4 楼
    补充一个可能被忽略的点：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。欢迎大家补充。
  4. 无所
    无所谓第 5 楼
    有个更优的方案：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。期待更多实战经验分享。
  5. 采蜜
    采蜜的熊第 6 楼
    我的实践经验和你的不太一样：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。期待更多实战经验分享。
  6. 热更
    热更新选手第 7 楼
    我的实践经验和你的不太一样：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。
  7. 熬夜
    熬夜的猫头鹰第 8 楼
    有个细节值得注意：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。实践出真知，建议动手试试。
  8. 老张
    老张第 9 楼
    我的结论恰恰相反：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。
  9. 听风
    听风者第 10 楼
    补充一点：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。有疑问可以继续问。
  10. 打工
    打工人之光第 11 楼
    分享一下我的做法：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。感谢楼主的启发。
  11. CT
    Ctrl+C工程师第 12 楼
    补充一点：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。欢迎大家补充。
  12. 需求
    需求翻译机第 13 楼
    Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
  13. 潜水
    潜水的海獭第 14 楼
    我的理解是：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。后续有新发现再来更新。
  14. 断网
    断网生存者第 15 楼
    讲个真实案例：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。细节可以再展开讨论。
  15. 键盘
    键盘敲击者第 16 楼
    补充一点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。一起学习。
  16. 数星
    数星星第 17 楼
    出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。
  17. 栈溢
    栈溢出幸存者第 18 楼
    我做了类似的对比实验：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。我也还在探索中。
  18. 吃瓜
    吃瓜群众第 19 楼
    Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。
  19. 追日
    追日落第 20 楼
    分享一下我的做法：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。感谢楼主的启发。
  20. 云中
    云中漫步第 21 楼
    我之前也遇到过类似问题，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。细节可以再展开讨论。
登录后可回复