iT邦幫忙

2025 iThome 鐵人賽

DAY 20
0

今天承接昨天的文章,昨天都在申請API key的今天就是要繼續去設置open lovable吧~

Open lovable步驟

  1. 首先,先去github 把專案clone下來,github的網址在下方。

網址 : https://github.com/firecrawl/open-lovable#

  1. clone專案到本地,打開所想存放的資料夾的Terminal,輸入指令,把專案從github clone下來。
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
  1. 一樣在Terminal,用npm來去安裝所需的依賴套件
npm install
  1. 在專案根目錄上建立一個名叫 .env 檔案。然後將所需的api key加進去。
# Firecrawl Api Key
FIRECRAWL_API_KEY=your_firecrawl_api_key    # https://firecrawl.dev

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

#Sandbox - 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

設置成功后就會是這樣子

FIRECRAWL_API_KEY=<API_KEY>

GEMINI_API_KEY=<API_KEY>

SANDBOX_PROVIDER=e2b

E2B_API_KEY=<API_KEY>

然後在Terminal輸入 npm start 就可以開啓專案啦~


上一篇
day 19
下一篇
day 21
系列文
玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發21
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言