Open Lovable：开源 AI 建站神器，一句话克隆任意网站

技术栈

Open Lovable 本身是一个标准的现代前端项目：

• 框架：Next.js
• 语言：TypeScript（占比约 95%）
• UI：React + Tailwind CSS（搭配 PostCSS）
• 包管理：支持 pnpm / npm / yarn
• 运行时：Bun

它是怎么工作的

可以把整个流程理解为三步：

1. 抓取（Firecrawl）：当你给出一个网址时，Firecrawl 负责把目标页面的内容和结构抓取下来，转换成 AI 易于理解的格式。
2. 生成（LLM）：你选择的大模型（Claude / Gemini / OpenAI / Groq）根据抓取结果或你的文字描述，生成 React 组件代码。
3. 执行（Sandbox）：生成的代码被放进 Vercel 或 E2B 的沙箱中实时运行，你立即看到可交互的预览，并能继续对话迭代。

如果配置了可选的 Morph LLM，编辑应用的速度还能进一步提升（Fast Apply）。

快速上手

1. 克隆并安装依赖

2. 配置环境变量

在项目根目录创建 .env.local 文件：

关于沙箱配置：

• Vercel 沙箱：推荐用 vercel env pull 拉取 VERCEL_OIDC_TOKEN；或者手动配置 VERCEL_TEAM_ID、VERCEL_PROJECT_ID、VERCEL_TOKEN。
• E2B 沙箱：配置 E2B_API_KEY（从 https://e2b.dev 获取）。

3. 启动开发服务器

然后访问 http://localhost:3000 就可以开始和 AI 对话构建应用了。

适合谁用

• 想快速验证想法的开发者：把一个参考网站丢进去，几秒拿到可运行的 React 脚手架。
• 学习者：观察 AI 如何把需求拆解成组件，是不错的学习材料。
• 希望掌控数据与成本的团队：相比商业 SaaS，自托管 + 自带 API Key 的模式让你对模型选择和费用有更多控制权。

小结

Open Lovable 把「AI 抓取网页 → 大模型生成代码 → 沙箱实时运行」这条链路打通，并且全部开源。它的亮点在于模型与沙箱都可自由选择，既能用 Claude、Gemini 这样的顶级模型，也能在 Vercel 或 E2B 之间切换运行环境。如果你对 AI 辅助开发、网站克隆或者「Vibe Coding」感兴趣，这是一个非常值得动手试一试的项目。

项目地址：https://github.com/firecrawl/open-lovable （MIT 协议）