# Recherche web et scraping MCP dans Windsurf (/fr/quickstarts/windsurf)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 344 · updated: 2026-07-30 -->
Related: [Node.js](/fr/quickstarts/nodejs.md), [Next.js](/fr/quickstarts/nextjs.md), [Express](/fr/quickstarts/express.md), [NestJS](/fr/quickstarts/nestjs.md), [Fastify](/fr/quickstarts/fastify.md), [Hono](/fr/quickstarts/hono.md)

Ajoutez des fonctionnalités de scraping et de recherche web à Windsurf avec Firecrawl MCP.

<div id="quick-setup">
  ## Configuration rapide [#configuration-rapide]
</div>

<div id="1-get-your-api-key">
  ### 1. Obtenez votre clé API [#1-obtenez-votre-clé-api]
</div>

Inscrivez-vous sur [firecrawl.dev/app](https://firecrawl.dev/app) et copiez votre clé API.

<div id="2-add-to-windsurf">
  ### 2. Ajouter à Windsurf [#2-ajouter-à-windsurf]
</div>

Ajoutez ceci à votre `./codeium/windsurf/model_config.json` :

```json
{
  "mcpServers": {
    "firecrawl": {
      "command": "npx",
      "args": ["-y", "firecrawl-mcp"],
      "env": {
        "FIRECRAWL_API_KEY": "VOTRE_CLE_API"
      }
    }
  }
}
```

Remplacez `YOUR_API_KEY` par votre clé API Firecrawl.

<div id="3-restart-windsurf">
  ### 3. Redémarrez Windsurf [#3-redémarrez-windsurf]
</div>

Terminé ! Windsurf peut maintenant rechercher et explorer le Web.

<div id="quick-demo">
  ## Démonstration rapide [#démonstration-rapide]
</div>

Essayez ceci dans Windsurf :

**Recherche :**

```
Rechercher les dernières fonctionnalités de Tailwind CSS
```

**Extraction :**

```
Scraper firecrawl.dev et expliquer ce que c'est
```

**Accéder à la documentation :**

```
Trouver et scraper la documentation d'authentification Supabase
```

Les agents IA de Windsurf utiliseront automatiquement les outils de Firecrawl.