Connect your app to Logo.dev

1. 1

   Sign in to your Logo.dev account and go to the 'API keys' page in your dashboard.

   You need a special key from Logo.dev to allow your app to fetch logos.

2. 2

   Copy a 'publishable key' (it starts with 'pk_'). If you don't have one, create it.

   This key is what Lovable will use to access Logo.dev's logo service. Make sure it's a 'publishable' key, not a 'secret' one.

3. 3

   Set domain restrictions for this key in Logo.dev to match where your app will run.

   This is important for security, as it prevents others from using your key on different websites.

4. 4

   In Lovable, go to 'Connectors', select 'Logo.dev', and click 'Add connection'.

   This is where you'll tell Lovable about your Logo.dev key.

5. 5

   Give your connection a name (e.g., 'Logo.dev Prod') and paste your 'publishable key' into the 'Publishable key' field.

   The name helps you identify this connection later, and the key links Lovable to your Logo.dev account.

6. 6

   Choose who in your workspace can use this connection, or keep it private to yourself.

   This controls which team members or projects can access Logo.dev through this connection.

7. 7

   Click 'Connect'.

   This finalizes the connection between Lovable and Logo.dev.

I need to display company logos in my app. Connect my project to Logo.dev using the connection named 'Logo.dev Prod'.

Publishable key

A special code that allows your app to access a service, but it's safe to include in your app's public code because it only grants limited access and is secured by restricting which websites can use it.

Domain restrictions

A security setting that specifies which websites (domains) are allowed to use a particular key or service. If your app is on 'my-app.com', you'd restrict the key to 'my-app.com' so it can't be used elsewhere.

Frontend-only

Means the feature works directly in the user's web browser, without needing to go through a separate server. This is good for displaying things like images quickly.

Image CDN

A network of servers that delivers images quickly to users based on their location. It helps your app load logos fast.

• Do not use a 'secret key' instead of a 'publishable key' when connecting Logo.dev, as secret keys are not meant to be exposed in public app code.
• Fail to set domain restrictions for your publishable key in Logo.dev, which could allow unauthorized use of your key.
• Expect this connection to handle Logo.dev's server-side REST API or Search API, as it only provides access to the image CDN.
• Forget that Logo.dev requests count towards your Logo.dev plan, and billing is handled directly by Logo.dev.