> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lovable.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect Firecrawl to scrape web data for your app

> Connect your app to Firecrawl, an AI-powered scraper and crawler, to extract structured data from websites.

export const connector_0 = "Firecrawl"

[Firecrawl](https://www.firecrawl.dev/) is a web scraping and crawling platform that lets your Lovable app work with **live website data**. It’s designed for apps that need to continuously fetch, update, and structure information from websites, rather than relying on one-time imports or static datasets.

Firecrawl is available as an [app + chat connector](/integrations/app-connectors): one shared connection that works in the chat while you build and in your published apps.

With Firecrawl, your app can:

* Scrape URLs into structured JSON
* Crawl entire websites, including sitemaps, subpages, and navigation
* Extract clean text, metadata, product details, tables, and more
* Handle JavaScript-heavy sites, lazy loading, and cookie modals
* Re-fetch live data on a schedule to keep results up to date

Firecrawl is a good fit when your app depends on **real-time or frequently changing website content**.

## Common use cases and example apps

| Example app                   | Example prompt                                                                                                                                                                                          | Description                                                                                                                                                                                                                                                                                                                      |
| ----------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Competitor trackers**       | *Build a competitor tracker. Users add competitor URLs. Scrape each URL with Firecrawl, store snapshots, re-check on a schedule, and show what changed.*                                                | **Monitor and analyze competitors in your space by tracking changes on their websites.**<br />User adds competitor URLs to track, and the app re-scrapes those URLs over time to highlight what changed, such as pricing pages, product updates, documentation revisions, or feature announcements.                              |
| **Jobs aggregators**          | *Build a jobs aggregator. Users pick companies from a preset list. Use Firecrawl to pull listings from each company’s careers page, structure the results, keep them updated, and highlight new roles.* | **Pull job listings from multiple sources (for example, Greenhouse, Lever, or Workday) and present them in one unified interface.**<br />User selects companies from a preset list, and the app scrapes listings into structured results and keeps the feed updated as new roles appear.                                         |
| **Lead enrichment tools**     | *Build a lead enrichment tool. Users enter company domains. Crawl key pages with Firecrawl (about, team, careers, contact) and extract publicly available company details into a structured profile.*   | **Enrich company profiles using publicly available information from company websites.**<br />User pastes a company domain (or uploads a list), and the app scans key pages to extract people and company information, tech stack signals, locations, careers, and contact details, saving the extracted fields for each company. |
| **E-commerce price monitors** | *Build a price monitor. Users save product URLs. Use Firecrawl to extract price and availability, check on a schedule, store history, and alert on changes.*                                            | **Track product availability and pricing across e-commerce sites.**<br />User saves product URLs, and the app checks them on a schedule, records snapshots, flags changes, and alerts users when prices drop or products come back in stock.                                                                                     |
| **Brand asset extractors**    | *Build a brand kit extractor. Users enter a website URL. Use Firecrawl to extract colors, fonts, and logos, and output a simple brand kit.*                                                             | **Generate lightweight brand kits from any website.**<br />User enters a company URL, and the app scrapes brand-related pages to extract fonts, colors, logos, and style tokens.                                                                                                                                                 |
| **Knowledge extractors**      | *Build a knowledge extractor. Users paste a URL. Use Firecrawl to return clean markdown + metadata, save it, and allow re-sync.*                                                                        | **Turn any webpage into clean, reusable content**. <br />User pastes a URL, and the app converts the page into clean markdown, structured metadata, readable text, and useful structured elements like tables, making it ready for search, summarization, or reuse.                                                              |

## How to connect Firecrawl

Who can create Firecrawl connections depends on your plan and workspace settings. See [Who can create connections and clients](/integrations/admin-controls#who-can-create-connections-and-clients). When adding a connection, you can choose between:

* **Managed by Lovable** (no Firecrawl account or API key required)
* **Use your own credentials** (connect with your own Firecrawl API key)

When a connection is created, it can be **linked to projects** like other app + chat connectors so published apps can use it where allowed.

Follow the setup steps below based on how you want to connect Firecrawl.

<Tabs>
  <Tab title="Managed by Lovable">
    Choose this option if you want the fastest setup. You don’t need to create a Firecrawl account or API key. Lovable provides and manages the credentials for you.

    <Note>
      You can create only one managed Firecrawl connection per workspace.
    </Note>

    <Steps>
      <Step title="Open Firecrawl in Connectors">
        Go to **Connectors** and select **Firecrawl**.
      </Step>

      <Step title="Add a connection">
        Click **Add connection**.
      </Step>

      <Step title="Name the connection">
        In **Display name**, name the connection (for example, `Firecrawl Prod`).
      </Step>

      <Step title="Choose Managed by Lovable">
        Under **Authentication**, select **Managed by Lovable**.
      </Step>

      <Step title="Choose who can use this connection">
        Managed connections are shared with the **entire workspace** by default. To limit who can use the connection, click **Restrict to specific people** under **Who can use this connection**.

        See [Who can use connections and clients](/integrations/admin-controls#who-can-use-connections-and-clients) for more information.
      </Step>

      <Step title="Connect">
        Click **Connect**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Use your own credentials">
    Use your own credentials if you want to use your own Firecrawl account, manage billing directly, or control rate limits and environments with your own API keys.

    <Note>
      All scraping and crawling performed through this connector consumes your Firecrawl usage, and billing is handled directly by Firecrawl, not Lovable.
    </Note>

    You can create multiple Firecrawl connections using different API keys, which is useful for separating environments (for example, development and production) or managing rate limits.

    ### Prerequisites

    Before connecting Firecrawl, make sure you have:

    * A Firecrawl account and API key
    * Permission to **create connections** in your Lovable workspace (see [Who can create connections and clients](/integrations/admin-controls#who-can-create-connections-and-clients))

    ### Step 1: Create a Firecrawl account and API key

    You can create multiple API keys in Firecrawl. This is useful for different environments or rate limits.

    <Steps>
      <Step title="Set up your Firecrawl account">
        Go to [Firecrawl](https://www.firecrawl.dev/) and set up your account.
      </Step>

      <Step title="Open the API Keys page">
        Go to your Firecrawl dashboard and navigate to the [API Keys page](https://www.firecrawl.dev/app/api-keys).
      </Step>

      <Step title="Create a key">
        Click **Create** and give your key a descriptive name, for example, `Lovable integration`.
      </Step>

      <Step title="Copy the key">
        Copy the generated API key and store it securely.

        <Info>
          Your API key functions like a password. Keep it secure and never share it publicly. You’ll need it in the next step.
        </Info>
      </Step>
    </Steps>

    Firecrawl provides free credits when you sign up, which is enough to test your connection and complete this setup.

    ### Step 2: Connect Firecrawl to Lovable

    <Steps>
      <Step title="Open Firecrawl in Connectors">
        Go to **Connectors** and select **Firecrawl**.
      </Step>

      <Step title="Add a connection">
        Click **Add connection**.
      </Step>

      <Step title="Name the connection">
        In **Display name**, name the connection (for example, `Firecrawl Prod`).
      </Step>

      <Step title="Choose your own credentials">
        Under **Authentication**, select **Use your own credentials**.
      </Step>

      <Step title="Enter your API key">
        In **API key**, paste your Firecrawl API key (`fc-xxxxxxxx…`).
      </Step>

      <Step title="Choose who can use this connection">
        Under **Who can use this connection**, decide who in your workspace can use the connection. You start as the only person with access:

        * **Only you** (default): leave the access list as is; only you can use the connection and its associated data.
        * **Invite specific people**: add workspace members by email; only you and the people you add can use the connection and its associated data.
        * **Invite entire workspace**: click **Invite entire workspace** to make the connection available to everyone in your Lovable workspace.

        See [Who can use connections and clients](/integrations/admin-controls#who-can-use-connections-and-clients) for more information.
      </Step>

      <Step title="Connect">
        Click **Connect**.
      </Step>
    </Steps>
  </Tab>
</Tabs>

When connected, anyone building in a project can ask Lovable in chat to [link their project](/integrations/app-connectors#link-a-connection-to-a-project) to Firecrawl (based on configured connection-level access). Your Lovable apps can then use Firecrawl to scrape, crawl, and keep website data up to date.

## Manage your {connector_0} connection

Connections are managed from [**Connectors**](https://lovable.dev/dashboard?connectors): select **{connector_0}**, then open the connection.

* **Unlink projects** to remove {connector_0} access from specific projects while keeping the connection available for others. See [Unlink projects from a connection](/integrations/app-connectors#unlink-projects-from-a-connection) for the steps.
* **Delete the connection** to remove it from the workspace entirely. Deleting is permanent. It removes the credentials from all linked projects, and app features that use {connector_0} stop working until a new connection is added. See [Delete a connection](/integrations/app-connectors#delete-a-connection) for the steps and who can delete.