让我们坦白地说: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