> ## 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)
* **Your own credentials** (bring your own Firecrawl API key; labeled **Bring Your Own Key** in the connection form)

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="Your own credentials">
    Bring 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. In the connection form, this option is labeled **Bring Your Own Key**.

    <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 Bring Your Own Key">
        Under **Authentication**, select **Bring Your Own Key**.
      </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.