feat(vibe-stories): add new vibe stories section with interactive carousel

2026-03-28 23:26:53 +08:00
parent f42a633226
commit 7392d8a805
10 changed files with 778 additions and 17 deletions
@@ -0,0 +1,27 @@
+---
+title: 我的第一个全栈项目
+description: 记录如何使用 AI 从零开始完成一个全栈项目。
+---
+
+# 我的第一个全栈项目
+
+> **作者：Sanbu**
+> **头像：👨‍💻**
+
+在这里，我将分享我是如何使用 AI（Cursor 和 Claude）在短短几天内完成我的第一个全栈项目的。
+
+## 想法诞生
+
+我一直想做一个属于自己的工具，但是因为缺乏技术背景，很多想法都停留在脑海里。直到我遇到了 Vibe Coding 的概念。
+
+## 开发过程
+
+1. **前端搭建**：通过对话，AI 帮我生成了 React 组件。
+2. **后端对接**：使用 Supabase 作为后端，AI 帮我写了所有的增删改查逻辑。
+3. **部署上线**：使用 Vercel 一键部署。
+
+![项目截图](https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop)
+
+## 总结
+
+AI 编程真的改变了普通人创造产品的方式。只要你有想法，就能把它变成现实！