# SvelteKit (/fr/quickstarts/sveltekit)
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)
## Prérequis [#prérequis]
* Un projet SvelteKit
* Une clé API Firecrawl — [obtenez-en une gratuitement](https://www.firecrawl.dev/app/api-keys)
## Installer le SDK [#installer-le-sdk]
```bash
npm install firecrawl
```
Ajoutez votre clé API à `.env` :
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## Recherche sur le Web [#recherche-sur-le-web]
Créez une action de formulaire dans `src/routes/search/+page.server.ts` :
```typescript
import { Firecrawl } from "firecrawl";
import { FIRECRAWL_API_KEY } from "$env/static/private";
const firecrawl = new Firecrawl({ apiKey: FIRECRAWL_API_KEY });
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
const query = data.get("query") as string;
const results = await firecrawl.search(query, { limit: 5 });
return { results: (results.web || []).map((r) => ({ title: r.title, url: r.url })) };
},
};
```
Ajoutez-le dans `src/routes/search/+page.svelte`:
```svelte
{#if form?.results}
{#each form.results as result}
{/each}
{/if}
```
## Scrape les données d’une page [#scrape-les-données-dune-page]
Récupérez des données dans une fonction `load` située dans `src/routes/scrape/+page.server.ts` :
```typescript
import { Firecrawl } from "firecrawl";
import { FIRECRAWL_API_KEY } from "$env/static/private";
const firecrawl = new Firecrawl({ apiKey: FIRECRAWL_API_KEY });
export async function load({ url }) {
const target = url.searchParams.get("url");
if (!target) return { markdown: null };
const result = await firecrawl.scrape(target);
return { markdown: result.markdown };
}
```
Affichez-le dans `src/routes/scrape/+page.svelte` :
```svelte
{#if data.markdown}
{data.markdown}
{:else}
Pass ?url= to scrape a page
{/if}
```
## Interact avec une page [#interact-avec-une-page]
Créez un point de terminaison côté serveur dans `src/routes/api/interact/+server.ts`:
```typescript
import { json } from "@sveltejs/kit";
import { Firecrawl } from "firecrawl";
import { FIRECRAWL_API_KEY } from "$env/static/private";
const firecrawl = new Firecrawl({ apiKey: FIRECRAWL_API_KEY });
export async function POST() {
const result = await firecrawl.scrape("https://www.amazon.com", {
formats: ["markdown"],
});
const scrapeId = result.metadata?.scrapeId;
await firecrawl.interact(scrapeId, {
prompt: "Search for iPhone 16 Pro Max",
});
const response = await firecrawl.interact(scrapeId, {
prompt: "Click on the first result and tell me the price",
});
await firecrawl.stopInteraction(scrapeId);
return json({ output: response.output });
}
```
## Prochaines étapes [#prochaines-étapes]
Toutes les options de scrape, y compris les formats, les actions et les proxies
Recherchez sur le web et obtenez le contenu intégral des pages
Cliquez, remplissez des formulaires et extrayez du contenu dynamique
Référence complète du SDK avec crawl, cartographie, extraction par lot et plus encore