open-lovable README

The project's README from github.com/firecrawl/open-lovable. As one markdown file: README.md.

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 ❤️.

Open Lovable Demo

Setup

  1. Clone & Install
git clone https://github.com/firecrawl/open-lovable.git
cd open-lovable
pnpm install  # or npm install / yarn install
  1. 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
  1. Run
pnpm dev  # or npm run dev / yarn dev

Open http://localhost:3000

License

MIT

open-lovable (firecrawl/open-lovable)

Searching Database…

28.7K ·GitHub
Open-lovable
Что это такое?Open Lovable — это инструмент с чат-интерфейсом: вы указываете любой сайт, а ИИ за несколько секунд пересобирает его как современное React-приложение. Это открытое демо-приложение, которое создала команда Firecrawl, чтобы показать клонирование сайтов с помощью ИИ.
Это хостируемый продукт или то, что я запускаю сам?Это демо-приложение на Next.js, которое вы разворачиваете и запускаете на своей машине — это не управляемый сервис. Для полностью управляемой облачной версии той же идеи в README указан Lovable.dev.
Как его запустить?Склонируйте репозиторий, установите зависимости, добавьте свои API-ключи в файл .env.local, а затем запустите сервер разработки.
Какие API-ключи нужно настроить?Нужен API-ключ Firecrawl, чтобы собирать данные с целевого сайта, ключ E2B для песочницы, в которой выполняется код и открывается предпросмотр сгенерированного React-приложения, а также ключ хотя бы одного ИИ-провайдера (Anthropic, OpenAI, Google Gemini или Groq).
Это то же самое, что Lovable.dev?Нет, это меньший открытый демо-проект, который команда Firecrawl создала, чтобы показать идею, а не полноценный коммерческий продукт Firecrawl или Lovable.
Как это на самом деле превращает сайт в React-код?Firecrawl собирает и разбирает структуру и содержимое целевого сайта, затем ИИ-модель генерирует эквивалентные React-компоненты, которые запускаются и отображаются в песочнице E2B с интерпретатором кода.
Какие ИИ-модели можно использовать?В проекте уже есть интеграции AI SDK для Anthropic Claude, OpenAI, Google Gemini и Groq, так что можно выбрать любого провайдера, для которого у вас есть ключ.
Какие UI-компоненты использует сгенерированное приложение?Сгенерированные React-приложения опираются на примитивы Radix UI (accordion, dialog, checkbox, avatar и другие) как на базовые строительные блоки.
What are similar projects?dyad, NextChat, ai, mike, openui, quivr, trueforge, LibreChat
Which topics is it in?code-execution, groq, code-generation, web-scraping, sandbox, nextjs, gemini, generative-ai, sdk, anthropic, web-app, openai
Creator
firecrawl
Size
0.7 MB
Stars
28.7K
Updated
CommitOct 09
Age
1y
Commits · 90 Days