← 보드로 돌아가기

firecrawl/open-lovable

🔥 Clone and recreate any website as a modern React app in seconds

GitHub에서 열기 ↗
27,364
GitHub 스타
5,245
포크
TypeScript
언어
MIT
라이선스
2025.11.19
최근 푸시
2026.04.19
별표한 날

AI 분석

설치 난이도: 보통
큐레이터 노트
AI 기반 웹 앱 생성에 관심이 있거나, React 앱을 빠르게 프로토타이핑하려는 개발자에게 적합합니다. 특히 Firecrawl 생태계를 활용하고자 하는 경우 유용합니다.

강점

  • AI와 대화만으로 React 앱을 즉시 생성할 수 있어 개발 생산성을 크게 높일 수 있습니다.
  • Firecrawl, Gemini, Anthropic, OpenAI, Groq 등 다양한 AI 제공자를 지원하여 유연하게 선택할 수 있습니다.
  • Vercel 및 E2B 샌드박스 환경을 지원하여 안전한 코드 실행이 가능합니다.

약점

  • Firecrawl API 키가 필수로 필요하며, 이는 외부 서비스 의존성을 만듭니다.
  • 로컬 개발 환경 설정이 다소 복잡하고 여러 API 키와 환경 변수를 요구합니다.
  • 완전한 클라우드 솔루션은 Lovable.dev에서 제공되므로, 이 오픈소스 버전은 기능이 제한적일 수 있습니다.

주의사항

  • Firecrawl API 키를 포함한 여러 API 키를 발급받아야 하므로 사전 준비가 필요합니다.
  • Vercel 샌드박스 사용 시 OIDC 토큰 또는 개인 액세스 토큰 설정이 필요하며, 설정 방법을 정확히 따라야 합니다.
  • 이 프로젝트는 예제 앱이므로 프로덕션 환경에서 바로 사용하기에는 부족할 수 있습니다.

시작 가이드

  • Firecrawl, Gemini, Anthropic, OpenAI, Groq 등 필요한 API 키를 발급받습니다.
  • 저장소를 클론하고 pnpm install로 의존성을 설치합니다.
  • .env.local 파일을 생성하고 필요한 환경 변수를 설정합니다.
  • pnpm dev로 개발 서버를 실행하고 http://localhost:3000에서 확인합니다.

README 한국어 번역

이 번역은 AI가 원문 README를 옮긴 것입니다. 원문이 항상 우선합니다.

Open Lovable

AI와 대화하여 즉시 React 앱을 빌드하세요. Firecrawl 팀이 만든 예제 앱입니다. 완전한 클라우드 솔루션을 원하시면 Lovable.dev ❤️를 확인하세요.

<img src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExbmZtaHFleGRsMTNlaWNydGdianI4NGQ4dHhyZjB0d2VkcjRyeXBucCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ZFVLWMa6dVskQX0qu1/giphy.gif" alt="Open Lovable Demo" width="100%"/>

설정

  1. 클론 및 설치
git clone https://github.com/firecrawl/open-lovable.git
cd open-lovable
pnpm install  # 또는 npm install / yarn install
  1. .env.local 추가
# =================================================================
# 필수
# =================================================================
FIRECRAWL_API_KEY=your_firecrawl_api_key    # https://firecrawl.dev

# =================================================================
# AI 제공자 - 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 (선택 사항 - 더 빠른 편집용)
# =================================================================
MORPH_API_KEY=your_morphllm_api_key    # https://morphllm.com/dashboard

# =================================================================
# 샌드박스 제공자 - 하나 선택: Vercel (기본값) 또는 E2B
# =================================================================
SANDBOX_PROVIDER=vercel  # 또는 'e2b'

# 옵션 1: Vercel 샌드박스 (기본값)
# 인증 방법 중 하나를 선택하세요:

# 방법 A: OIDC 토큰 (개발에 권장)
# `vercel link`를 실행한 후 `vercel env pull`을 실행하면 VERCEL_OIDC_TOKEN이 자동으로 생성됩니다.
VERCEL_OIDC_TOKEN=auto_generated_by_vercel_env_pull

# 방법 B: 개인 액세스 토큰 (프로덕션 또는 OIDC를 사용할 수 없는 경우)
# VERCEL_TEAM_ID=team_xxxxxxxxx      # Vercel 팀 ID
# VERCEL_PROJECT_ID=prj_xxxxxxxxx    # Vercel 프로젝트 ID
# VERCEL_TOKEN=vercel_xxxxxxxxxxxx   # Vercel 대시보드의 개인 액세스 토큰

# 옵션 2: E2B 샌드박스
# E2B_API_KEY=your_e2b_api_key      # https://e2b.dev
  1. 실행
pnpm dev  # 또는 npm run dev / yarn dev

http://localhost:3000을 엽니다.

라이선스

MIT

원본 저장소: firecrawl/open-lovable

라이선스: MIT

게재 제외를 원하시면 삭제 요청을 보내주세요.