Lovable

Overview

This guide will show you how to integrate Linkup API into your Lovable applications, whether you’re starting from scratch or adding Linkup to an existing app.

Integration Steps

Access your Lovable account

Get your Linkup API Key

Get your API key

Create a Linkup account for free to get your API key.

Add Linkup to Your Lovable App

In your Lovable chatbot window, use the prompt below:

# Install the Linkup SDK
npm i linkup-sdk

# Import and initialize the client
import { LinkupClient } from 'linkup-sdk';

const client = new LinkupClient({
  apiKey: '<YOUR API KEY>', # your api key here
});

# Create the search function
const askLinkup = async () => {
  return await client.search({
    query: "Your Query here",
    depth: 'standard', # "flash", "fast", "standard" or "deep"
    outputType: 'sourcedAnswer',
  });
};

# Call the function
askLinkup().then(console.log);

Parameter	Options	Description
`depth`	`"flash"`, `"fast"`, `"standard"`, `"deep"`	Controls search depth. `"flash"` is currently in alpha and offers the lowest latency (under 200 ms, no LLM). `"fast"` is higher-quality one-shot retrieval (~1s, no LLM). `"standard"` leverages agentic search. `"deep"` performs more thorough research.
`outputType`	`"searchResults"`, `"sourcedAnswer"`, `"structured"`	Determines the format of returned information.

Start Building Your Web-Connected App

Now that you have Linkup integrated with Lovable, you can start building applications that have access to the entire web. Your Lovable app can now:

Search and retrieve real-time information from across the web
Provide up-to-date answers with source citations
Access and analyze web content to enhance user interactions

Start by testing your integration with a simple query, then expand your application’s capabilities using the advanced configuration options below.

For advanced configuration like including images, date filtering and supported output types, check configuration parameters .

Best Practices

API Key Security: Never expose your API key in client-side code. Use environment variables or secure backend storage.
Error Handling: Implement proper error handling for API calls:

const askLinkup = async () => {
  try {
    const result = await client.search({
      query: "Your query here",
      depth: 'deep',
      outputType: 'sourcedAnswer',
    });
    return result;
  } catch (error) {
    console.error('Error fetching data from Linkup:', error);
    // Handle error appropriately
  }
};

Rate Limiting: Be mindful of API rate limits and implement appropriate caching strategies if needed.

Next Steps

Check out Lovable documentation to enhance your Lovable application
Join our Discord community for support and updates

Need help? Email support@linkup.so, ping us on Discord, or talk to us.

Introduction

Model Context Protocol & Skill

Agentic Frameworks

Inference Providers

Workflow Automation

LLMs

Applications

Overview

Integration Steps

Get your API key

Best Practices

Next Steps

​Overview

​Integration Steps

Get your API key

​Best Practices

​Next Steps

Overview

Integration Steps

Best Practices

Next Steps