# SvelteKit (/quickstarts/sveltekit)
Related: [Node.js](/quickstarts/nodejs.md), [Next.js](/quickstarts/nextjs.md), [Express](/quickstarts/express.md), [NestJS](/quickstarts/nestjs.md), [Fastify](/quickstarts/fastify.md), [Hono](/quickstarts/hono.md)
## Prerequisites [#prerequisites]
* SvelteKit project
* A Firecrawl API key — [get one free](https://www.firecrawl.dev/app/api-keys)
## Install the SDK [#install-the-sdk]
```bash
npm install firecrawl
```
Add your API key to `.env`:
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## Search the web [#search-the-web]
Create a form action in `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 })) };
},
};
```
Wire it up in `src/routes/search/+page.svelte`:
```svelte
{#if form?.results}
{#each form.results as result}
{/each}
{/if}
```
## Scrape a page [#scrape-a-page]
Fetch data in a load function at `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 };
}
```
Display it in `src/routes/scrape/+page.svelte`:
```svelte
{#if data.markdown}
{data.markdown}
{:else}
Pass ?url= to scrape a page
{/if}
```
## Interact with a page [#interact-with-a-page]
Create a server endpoint at `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 });
}
```
## Next steps [#next-steps]
All scrape options including formats, actions, and proxies
Search the web and get full page content
Click, fill forms, and extract dynamic content
Full SDK reference with crawl, map, batch scrape, and more