Skip to content
Guest — files stay in this browserChecking…

Connections

AI reads only files you include and needs internet.

Needs setup

Connect AI to get started

  1. Create an OpenAI API key on the secure official OpenAI page .
  2. In Lovable, open Project Settings → Secrets.
  3. Add a secret named OPENAI_API_KEY, paste the key there, and save it. Never paste it into CodeBridge or chat.
  4. Return here, refresh the page, then choose Check connection.

Sign in first to check the connection.

GPT (default AI helper)

Needs setup

Lets your AI helper answer questions about files you choose to include.

Anthropic Claude

Needs setup

Optional AI helper with its own separate chats, using your own Anthropic Claude account (server-side only).

Setup details
  1. Create an API key on the official page.
  2. Add it as ANTHROPIC_API_KEY in Lovable → Project Settings → Secrets.
  3. Add the model name your account uses as ANTHROPIC_MODEL in the same place.
  4. Run Check. Check confirms the key can see the model, without generating text.
Official guide

Google Gemini

Needs setup

Optional AI helper with its own separate chats, using your own Google Gemini account (server-side only).

Setup details
  1. Create an API key on the official page.
  2. Add it as GEMINI_API_KEY in Lovable → Project Settings → Secrets.
  3. Add the model name your account uses as GEMINI_MODEL in the same place.
  4. Run Check. Check confirms the key can see the model, without generating text.
Official guide

Perplexity

Needs setup

Optional AI helper with its own separate chats, using your own Perplexity account (server-side only).

Setup details
  1. Create an API key on the official page.
  2. Add it as PERPLEXITY_API_KEY in Lovable → Project Settings → Secrets.
  3. Add the model name your account uses as PERPLEXITY_MODEL in the same place.
  4. Run Check. Check only confirms both settings exist; Perplexity offers no free key test, so it is not verified.
Official guide

App storage

Needs setup

This app's database and sign-in. The check verifies your account can reach your private data.

Setup details
  1. Already provisioned for this project.
  2. Sign in and run Check.
Official guide
More business tools

These tools are not connected. Items marked Coming later cannot be used yet.

AI

PixVerse Canvas

Coming later

Planned: inspect and safely patch Canvas projects. Drafting and format checks work now; live access needs a verified server connection.

This connection cannot be used yet.

Open Canvas drafting
Setup details
  1. A verified server-side Canvas connection is required (a general media API key may not grant Canvas access).
  2. Open the Canvas page to draft and check patches.
Official guide

Code & deployment

GitHub

Coming later

Two-way code sync is set up in the Lovable editor, not inside this app.

This connection cannot be used yet.

Setup details
  1. In Lovable, open the + menu in chat → GitHub → Connect project.
  2. Authorize the Lovable GitHub App and create the repository.
  3. Clone it to run locally (see README).
Official guide

Vercel

Coming later

Optional self-hosting target for the exported code. Not connected from this app.

This connection cannot be used yet.

Setup details
  1. Export the code to GitHub.
  2. Import the repository in Vercel.
  3. Set VITE_SUPABASE_URL and VITE_SUPABASE_PUBLISHABLE_KEY plus server secrets in Vercel.
Official guide

CRM

HubSpot

Coming later

Planned: read contacts/deals via server-side OAuth. No CRM data is shown today.

This connection cannot be used yet.

Setup details
  1. Requires a server-side OAuth flow with state + PKCE (not yet implemented).
Official guide

Payments

Stripe

Coming later

Planned: payments adapter. No payment data is shown and no paid service is enabled.

This connection cannot be used yet.

Setup details
  1. Would use a server-only secret key (restricted key recommended).
  2. Adapter not implemented yet.
Official guide

Files & docs

Google Drive

Coming later

Planned: import text files from Drive via per-user OAuth.

This connection cannot be used yet.

Setup details
  1. Requires a Google Cloud OAuth client and server-side callback (not yet implemented).
Official guide

Microsoft 365

Coming later

Planned: OneDrive/SharePoint files via Microsoft Graph OAuth.

This connection cannot be used yet.

Setup details
  1. Requires an Entra ID app registration and server-side callback (not yet implemented).
Official guide

Knowledge

Notion

Coming later

Planned: share Notion pages as assistant context.

This connection cannot be used yet.

Setup details
  1. Requires a public Notion integration with server-side OAuth (not yet implemented).
Official guide

Marketing

Meta Ads

Coming later

Planned adapter. No ad data is shown.

This connection cannot be used yet.

Setup details
  1. Requires a Meta app, app review and server-side OAuth (not yet implemented).
Official guide

Google Ads

Coming later

Planned adapter. No ad data is shown.

This connection cannot be used yet.

Setup details
  1. Requires a developer token and server-side OAuth (not yet implemented).
Official guide

Analytics

Google Analytics 4

Coming later

Add a GA4 tag to the published site. No analytics data is pulled into this app.

This connection cannot be used yet.

Setup details
  1. Create a GA4 property and web data stream.
  2. Add the measurement tag to the app head (ask Lovable).
Official guide

Automation

Outgoing webhooks

Coming later

Planned: HMAC-signed outgoing events. Disabled until destination allow-listing and SSRF protection (private IP + redirect checks) can be guaranteed.

This connection cannot be used yet.

Setup details
  1. Not available yet — sending to arbitrary URLs without verified SSRF protection is unsafe.
Official guide

Add Claude, Gemini or Perplexity (optional)

GPT stays your default helper. Each extra helper uses your own account with that company and has its own separate chats.

  1. Create an API key on the helper's official page: Claude, Gemini, Perplexity.
  2. In Lovable, open Project Settings → Secrets.
  3. Add the key and the model name your account uses: Claude: ANTHROPIC_API_KEY and ANTHROPIC_MODEL; Gemini: GEMINI_API_KEY and GEMINI_MODEL; Perplexity: PERPLEXITY_API_KEY and PERPLEXITY_MODEL.
  4. Refresh this page and choose Check connection on that helper's card.

Use CodeBridge from Claude, ChatGPT or Cursor

These apps can read your saved files and past chat list. They cannot change anything.

Server address

https://YOUR-PUBLISHED-SITE/mcp

Claude

  1. Open Claude, then Settings → Connectors.
  2. Choose Add custom connector, name it Code Companion, and paste the server address.
  3. Choose Connect. A CodeBridge page opens: sign in with your CodeBridge account, then choose Approve.

ChatGPT

  1. Open ChatGPT, then Settings → Apps & Connectors → Advanced settings and turn on Developer mode.
  2. Back in Apps & Connectors choose Create, name it Code Companion, paste the server address, and pick OAuth for authentication.
  3. Save, then connect. A CodeBridge page opens: sign in with your CodeBridge account, then choose Approve.

Cursor

  1. Open Cursor, then Settings → MCP → Add new MCP server (this opens your mcp.json file).
  2. Paste this and save:
    {
  "mcpServers": {
    "code-companion": {
      "url": "https://YOUR-PUBLISHED-SITE/mcp"
    }
  }
}
  3. Next to Code Companion choose Login. A CodeBridge page opens: sign in with your CodeBridge account, then choose Approve.
Advanced details

CodeBridge uses the OpenAI API from its protected app service. Your key is never shown in the browser.

It cannot run code and does not have access to your laptop, terminal, or repositories.

Back to Home