Connect Firecrawl to scrape web data for your app

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. 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. 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 connectors so deployed apps use it where allowed. Follow the setup steps below based on how you want to connect Firecrawl.

Managed by Lovable
Your own credentials

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.

Open Firecrawl in Connectors

Go to Connectors → App connectors and select Firecrawl.

Add a connection

Click Add connection.

Name the connection

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

Choose Managed by Lovable

Under Authentication, select Managed by Lovable.

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

Connect

Click Connect.

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)

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.

Set up your Firecrawl account

Go to Firecrawl and set up your account.

Open the API Keys page

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

Create a key

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

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

Open Firecrawl in Connectors

Go to Connectors → App connectors and select Firecrawl.

Add a connection

Click Add connection.

Name the connection

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

Choose Bring Your Own Key

Under Authentication, select Bring Your Own Key.

Enter your API key

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

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

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.

How to unlink projects from a connection

Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:

Open Connectors

Open Connectors, then go to App connectors, and select .

Open the connection

Open the connection you want to manage.

Select projects

Under Linked projects, check the projects you want to unlink.

Confirm

Click Unlink projects and confirm.

When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.

Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.

Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:

Open Connectors

Open Connectors, then go to App connectors, and select .

Open the connection

Open the connection you want to remove.

Review linked projects

Review the Linked projects section.

Delete

Under Delete this connection, click Delete and confirm.

About integrations

App connectors

Chat connectors (MCP)

Git

Connect Firecrawl to scrape web data for your app

Common use cases and example apps

How to connect Firecrawl

Prerequisites

Step 1: Create a Firecrawl account and API key

Step 2: Connect Firecrawl to Lovable

How to unlink projects from a connection

How to delete a connection

​Common use cases and example apps

​How to connect Firecrawl

​Prerequisites

​Step 1: Create a Firecrawl account and API key

​Step 2: Connect Firecrawl to Lovable

​How to unlink projects from a connection

​How to delete a connection

Common use cases and example apps

How to connect Firecrawl

Prerequisites

Step 1: Create a Firecrawl account and API key

Step 2: Connect Firecrawl to Lovable

How to unlink projects from a connection

How to delete a connection