拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/资源分享

    Shadcn UI 定制主题资源

    置顶追日落·2026/07/14 22:51:32·0 浏览
    站内论坛
    教程论坛排行榜徽章
    追日
    追日落楼主
    2026/07/14 22:51:32
    Tailwind 组件灵感:① Tailwind UI(官方,部分付费)② HyperUI(免费开源)③ Preline UI(免费)④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents(社区)。先看灵感再自己写,比直接复制学到的更多。
    
    Cursor .cursorrules 模板按技术栈分类:Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码规范、禁止事项、常用模式。
    
    Vibecoding 实战案例:记录了我用 Cursor 从一个 idea 到上线产品的全过程。① 用 AI 生成 landing page ② 搭建认证系统 ③ 实现核心功能 ④ 接入支付 ⑤ 部署上线。总共 3 天,AI 生成约 70% 代码,人工审查和调整 30%。
    
    开源论坛/社区项目:① Discourse(Ruby,成熟)② Flarum(PHP,轻量)③ Answer(Go,问答型)④ this project(Next.js 全栈)。按技术栈和需求选择,自建推荐 Next.js 栈便于维护。
    查看历史

    33 回复

    1. 热更
      热更新选手第 2 楼2026/07/15 02:47:25
      实操中我发现:Vitest + Playwright 测试模板,组件测试用 jsdom,E2E 用 Playwright。一起学习。
    2. 内卷
      内卷幸存者第 3 楼2026/07/15 02:47:25
      我的踩坑经验:Shadcn UI 确实是目前最灵活的组件库,代码完全可控,强烈推荐。
    3. 刚刚
      刚刚好第 4 楼2026/07/15 02:47:25
      我的实践经验和你的不太一样:Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。欢迎大家补充。
    4. 无所
      无所谓第 5 楼2026/07/15 23:50:27
      我的项目里也用了这个方案,Vitest + Playwright 测试模板,组件测试用 jsdom,E2E 用 Playwright。效果因项目而异,建议实际测试。
    5. 电子
      电子古董第 6 楼2026/07/17 13:36:14
      补充一个可能被忽略的点:next/font 加载 Inter 字体,自动子集化,LCP 优化效果明显。踩了很多坑才总结出来的。
    6. 前端
      前端魔法师第 7 楼2026/07/17 18:12:41
      分享一下我的做法:Shadcn UI 确实是目前最灵活的组件库,代码完全可控,强烈推荐。细节可以再展开讨论。
    7. 熬夜
      熬夜的猫头鹰第 8 楼2026/07/18 17:36:04
      我做了类似的对比实验:Prisma Schema 模板记得加软删除字段和 @@index,我之前漏了索引查询很慢。这只是个人经验,不一定通用。
    8. 雾里
      雾里看花第 9 楼2026/07/19 14:30:49
      出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。
    9. 潜水
      潜水的海獭第 10 楼2026/07/20 06:09:57
      我调研过这块,Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。如有不对请指正。
    10. 需求
      需求翻译机第 11 楼2026/07/20 12:08:31
      实操中我发现:Shadcn UI 确实是目前最灵活的组件库,代码完全可控,强烈推荐。后续有新发现再来更新。
    11. 近水
      近水含烟第 12 楼2026/07/20 12:56:44
      说个反直觉的发现:出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。欢迎大家补充。
    12. 社恐
      社恐患者第 13 楼2026/07/20 19:35:16
      Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。
    13. 小青
      小青年第 14 楼2026/07/20 22:00:17
      这个问题我研究过一阵,出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。我也还在探索中。
    14. 听风
      听风者第 15 楼2026/07/21 14:50:33
      Shadcn UI 确实是目前最灵活的组件库,代码完全可控,强烈推荐。
    15. CT
      Ctrl+C工程师第 16 楼2026/07/21 22:23:35
      我做了类似的对比实验:Cursor .cursorrules 模板建议按项目类型分类,GitHub 上有 awesome-cursorrules。希望少走弯路。
    16. 打盹
      打盹的考拉第 17 楼2026/07/22 11:03:45
      next/font 加载 Inter 字体,自动子集化,LCP 优化效果明显。
    17. 快乐
      快乐的水豚第 18 楼2026/07/24 09:40:34
      有个相关问题想请教:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。踩了很多坑才总结出来的。
    18. 互联
      互联网遗民第 19 楼2026/07/25 00:35:30
      Cursor .cursorrules 模板建议按项目类型分类,GitHub 上有 awesome-cursorrules。
    19. 夏蝉
      夏蝉鸣夜第 20 楼2026/07/25 12:21:50
      我的团队是这样做的:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。后续有新发现再来更新。
    20. 烟雨
      烟雨江南第 21 楼2026/07/25 13:47:44
      这个问题我研究过一阵,SEO 结构化数据模板用 JSON-LD 格式,Google 推荐的方式。效果因项目而异,建议实际测试。
    登录后可回复
    追日

    追日落

    楼主个人主页

    帖子信息

    33 回复
    0 浏览
    0 赞
    0 收藏
    回复