Vibe 编码现代应用的技术堆栈

别再对抗人工智能了。使用人工智能理解的技术堆栈,可以在几分钟内构建付费 SaaS。

来源:KDnuggets

我曾经讨厌氛围编码。我相信我可以编写更好的代码,设计更干净的系统,并自己做出更深思熟虑的架构决策。在很长一段时间里,这可能是真的。随着时间的推移,情况发生了变化。 AI 代理显着改善。 MCP 服务器、Claude 技能、代理工作流程、规划优先执行和长期编码工具将 Vibe 编码从一个噱头变成了构建真实系统的实用方法。

在某些时候,我屈服了。从那时起,我一直使用 Claude Code 和 OpenCode 来构建我通常认为过于复杂而无法快速迭代的系统。其中包括支付平台、稳定币钱包、图书阅读应用程序和全栈生产就绪的网络系统。让我惊讶的不仅仅是速度,还有一旦正确的结构和工具就位后结果的一致性。

大多数人在使用 Vivi 编码时面临的真正问题不是编写代码。

它正在选择正确的技术堆栈。

前端、后端、身份验证、数据库、存储、电子邮件、支付和部署都带有无数选项。如果没有清晰的堆栈,即使是强大的人工智能编码代理也很难做出正确的决策。当为代理提供定义明确且固执己见的技术堆栈时,它可以可靠地构建端到端应用程序,而摩擦要少得多。

这就是本文的重点。

我将逐步介绍我的 Vivi 编码现代应用程序的首选技术堆栈。这是我重用的堆栈,因为它有效。我们将介绍各个部分如何组合在一起、每个工具的职责以及如何从零到生产就绪的系统。我还将分享克劳德代码示例提示和可选工具,帮助将工作原型转变为可供生产的系统。

我的技术堆栈以及该堆栈为何有效

在本节中,我将详细介绍我用于 Vivi 编码的确切技术堆栈,并解释为什么这些工具在构建实际应用程序时可以很好地协同工作。

堆栈

  • Next.js (App Router)-> 前端和布局
  • shadcn/ui->UI组件