Vibecoding 实战案例：从 idea 到上线

林间

2026/07/31 07:59:59

SEO 工具大全：关键词研究用 Ahrefs/SEMrush/Ubersuggest，排名监控用 Google Search Console/AccuRanker，技术 SEO 用 Screaming Frog/Sitebulb，内容优化用 Surfer SEO/Clearscope，免费替代用 Google Trends/Answer the Public。

UI 组件库 2024 版推荐：Shadcn UI（最灵活，复制粘贴）、Radix UI（无样式，可定制）、Headless UI（Tailwind 官方）、Park UI（多框架）、shadcn/registry（社区主题）。个人最推荐 Shadcn UI，组件代码完全可控。

SaaS Boilerplate 横评：① ShipFast（Next.js + Stripe，$299）② Next SaaS Starter（开源）③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择，付费的省时间，开源的省钱。

Vibe Coding部署运维

查看历史

7 回复

巡山

巡山的狐狸第 2 楼2026/07/31 08:59:59

上周刚好踩了这个坑，Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。一起学习。

小白

小白第 3 楼2026/07/31 08:59:59

有个相关问题想请教：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。后续有新发现再来更新。

发呆

发呆的仓鼠第 4 楼2026/07/31 08:59:59

说个反直觉的发现：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。

键盘

键盘敲击者第 5 楼2026/07/31 08:59:59

我的团队是这样做的：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。希望对你有帮助。

奔跑

奔跑的树懒第 6 楼2026/07/31 08:59:59

这个观点我很认同，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。后续有新发现再来更新。

掘洞

掘洞的兔第 7 楼2026/07/31 08:59:59

结合我最近的项目经验：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。效果因项目而异，建议实际测试。

无所

无所谓第 8 楼2026/07/31 08:59:59

反对一下，我的测试结果不是这样：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。欢迎私信深入交流。

登录后可回复