7 天内构建 FixThisBug.de MVP:AI 辅助之旅

让我们坦白地说:2024 年构建 MVP 与五年前有所不同。以下是我如何利用现代 AI 工具在短短一周内构建 FixThisBug.de。

第 1-2 天:基础与设置

  • 使用 Next.js 15 和 App Router 作为基础
  • 利用 Windsurf IDE 的 AI 结对编程进行快速原型设计
  • 使用 shadcn/ui 设置身份验证和基本 UI 组件
  • 添加了 supabase 用于快速身份验证和数据存储
  • Cursor AI 帮助生成样板代码和基本布局
  • 第 3-4 天:核心功能

  • 构建AI辅助代码分析引擎
  • 在自托管 GPU 服务器上实现了 vLLM 设置
  • 实现解释生成器
  • 使用 Windsurf 的代码生成来执行重复性任务
  • 使用 next-intl 添加双语支持(EN/DE)
  • 第 5-6 天:完善和测试

  • 使用 Tailwind CSS 增强 UI/UX
  • 添加了错误处理和输入验证
  • 实施速率限制和用户配额
  • 在德国服务器上设置托管以符合 GDPR 规定
  • 第 7 天:启动准备

  • 创建着陆页内容
  • 设置分析和监控
  • 添加了文档和帮助部分
  • 已在生产中部署并测试
  • 关键要点

  • AI 作为倍增器:Windsurf 和 Cursor 等工具并没有取代思考,而是加速了实施。它们最擅长:生成样板代码 建议实施模式 尽早发现潜在问题 处理重复性任务
  • 注重差异化:我花了大部分时间研究 FixThisBug 的独特之处:教育性解释 双语支持 注重隐私的架构
  • 不要跳过基础知识:即使有人工智能的帮助,你也需要:清晰的产品愿景、可靠的架构决策、安全考虑、以用户为中心的设计
  • 实现这一目标的工具

  • 用于 AI 结对编程的 Windsurf IDE
  • 用于快速代码生成的光标
  • 用于内容创建的自托管 Ollama 实例
  • Vercel 用于部署
  • 关键在于战略性地使用人工智能工具 - 不是作为拐杖,而是作为经过深思熟虑的功能的加速器。他们处理日常工作,而我则专注于核心价值主张。

    请记住:人工智能工具非常强大,但它们只是工具而已。愿景、架构决策和用户体验仍然需要人类的洞察力。

    想看看结果吗?查看 FixThisBug.de