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.

Firecrawl 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: 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. 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. 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. 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. 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. 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. 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. 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.

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.

You can create only one managed Firecrawl connection per workspace.

1. Open Firecrawl in Connectors

   Go to Connectors and select Firecrawl.

2. Add a connection

   Click Add connection.

3. Name the connection

   In Display name, name the connection (for example, Firecrawl Prod).

4. Choose Managed by Lovable

   Under Authentication, select Managed by Lovable.

5. 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 for more information.

6. Connect

   Click Connect.

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.

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

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)

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.

1. Set up your Firecrawl account

   Go to Firecrawl and set up your account.

2. Open the API Keys page

   Go to your Firecrawl dashboard and navigate to the API Keys page.

3. Create a key

   Click Create and give your key a descriptive name, for example, Lovable integration.

4. Copy the key

   Copy the generated API key and store it securely.

   Your API key functions like a password. Keep it secure and never share it publicly. You’ll need it in the next step.

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

1. Open Firecrawl in Connectors

   Go to Connectors and select Firecrawl.

2. Add a connection

   Click Add connection.

3. Name the connection

   In Display name, name the connection (for example, Firecrawl Prod).

4. Choose Bring Your Own Key

   Under Authentication, select Bring Your Own Key.

5. Enter your API key

   In API key, paste your Firecrawl API key (fc-xxxxxxxx…).

6. 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 for more information.

7. Connect

   Click Connect.

When connected, anyone building in a project can ask Lovable in chat to link their 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 connection

Connections are managed from Connectors: select , then open the connection.

• Unlink projects to remove access from specific projects while keeping the connection available for others. See 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 stop working until a new connection is added. See Delete a connection for the steps and who can delete.