返回目录
开源项目其他开源工具类新手

GitHub - firecrawl/open-lovable: 🔥 Clone and recreate any website as a modern React app in seconds

Open Lovable Chat with AI to build React apps instantly. An example app made by the Firecrawl team. For a complete cloud solution, check out Lovable.dev ❤️. Setup - Clone & Install git clone https://github.com/firecrawl/open-lovable.git cd open-lovable pnpm

0 次阅读2026/09/18 发布
GitHub - firecrawl/open-lovable: 🔥 Clone and recreate any website as a modern React app in seconds 来源图片

社区作者 · zZz

它解决什么问题

Open Lovable

Chat with AI to build React apps instantly. An example app made by the Firecrawl team. For a complete cloud solution, check out Lovable.dev ❤️.

Setup

  • Clone & Install
命令
git clone https://github.com/firecrawl/open-lovable.git
命令
cd open-lovable
命令
pnpm install # or npm install / yarn install
  • Add .env.local

=================================================================

REQUIRED

=================================================================

FIRECRAWL_API_KEY = your_firecrawl_api_key # https://firecrawl.dev

=================================================================

AI PROVIDER - Choose your LLM

=================================================================

GEMINI_API_KEY = your_gemini_api_key # https://aistudio.google.com/app/apikey ANTHROPIC_API_KEY = your_anthropic_api_key # https://console.anthropic.com OPENAI_API_KEY = your_openai_api_key # https://platform.openai.com GROQ_API_KEY = your_groq_api_key # https://console.groq.com

=================================================================

FAST APPLY (Optional - for faster edits)

=================================================================

MORPH_API_KEY = your_morphllm_api_key # https://morphllm.com/dashboard

=================================================================

SANDBOX PROVIDER - Choose ONE: Vercel (default) or E2B

=================================================================

SANDBOX_PROVIDER = vercel # or 'e2b'

Option 1: Vercel Sandbox (default)

Choose one authentication method:

Method A: OIDC Token (recommended for development)

Run vercel link then vercel env pull to get VERCEL_OIDC_TOKEN automatically

VERCEL_OIDC_TOKEN = auto_generated_by_vercel_env_pull

Method B: Personal Access Token (for production or when OIDC unavailable)

VERCEL_TEAM_ID=team_xxxxxxxxx # Your Vercel team ID

VERCEL_PROJECT_ID=prj_xxxxxxxxx # Your Vercel project ID

VERCEL_TOKEN=vercel_xxxxxxxxxxxx # Personal access token from Vercel dashboard

Option 2: E2B Sandbox

E2B_API_KEY=your_e2b_api_key # https://e2b.dev

  • Run
命令
pnpm dev # or npm run dev / yarn dev

Open http://localhost:3000

License

MIT

— 本文由 AI 根据公开来源辅助整理,命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

  • Clone & Install
命令
git clone https://github.com/firecrawl/open-lovable.git
命令
cd open-lovable
命令
pnpm install # or npm install / yarn install
  • Add .env.local

=================================================================

REQUIRED

=================================================================

FIRECRAWL_API_KEY = your_firecrawl_api_key # https://firecrawl.dev

=================================================================

AI PROVIDER - Choose your LLM

=================================================================

GEMINI_API_KEY = your_gemini_api_key # https://aistudio.google.com/app/apikey ANTHROPIC_API_KEY = your_anthropic_api_key # https://console.anthropic.com OPENAI_API_KEY = your_openai_api_key # https://platform.openai.com GROQ_API_KEY = your_groq_api_key # https://console.groq.com

=================================================================

FAST APPLY (Optional - for faster edits)

=================================================================

MORPH_API_KEY = your_morphllm_api_key # https://morphllm.com/dashboard

=================================================================

SANDBOX PROVIDER - Choose ONE: Vercel (default) or E2B

=================================================================

SANDBOX_PROVIDER = vercel # or 'e2b'

Option 1: Vercel Sandbox (default)

Choose one authentication method:

Method A: OIDC Token (recommended for development)

Run vercel link then vercel env pull to get VERCEL_OIDC_TOKEN automatically

VERCEL_OIDC_TOKEN = auto_generated_by_vercel_env_pull

Method B: Personal Access Token (for production or when OIDC unavailable)

VERCEL_TEAM_ID=team_xxxxxxxxx # Your Vercel team ID

VERCEL_PROJECT_ID=prj_xxxxxxxxx # Your Vercel project ID

VERCEL_TOKEN=vercel_xxxxxxxxxxxx # Personal access token from Vercel dashboard

Option 2: E2B Sandbox

E2B_API_KEY=your_e2b_api_key # https://e2b.dev

  • Run
命令
pnpm dev # or npm run dev / yarn dev

Open http://localhost:3000 License MIT

来源教程配图

Open Lovable Demo
配图 1 · Open Lovable Demo查看原图

适用场景

学习研究
开源项目实践