# Vercel Functions (/ja/quickstarts/vercel-functions)
Related: [Node.js](/ja/quickstarts/nodejs.md), [Next.js](/ja/quickstarts/nextjs.md), [Express](/ja/quickstarts/express.md), [NestJS](/ja/quickstarts/nestjs.md), [Fastify](/ja/quickstarts/fastify.md), [Hono](/ja/quickstarts/hono.md)
## 前提条件 [#前提条件]
* Vercelプロジェクト (Next.js、SvelteKit、Nuxt、またはスタンドアロン)
* Firecrawl APIキー — [無料で取得](https://www.firecrawl.dev/app/api-keys)
## セットアップ [#セットアップ]
```bash
npm install firecrawl
```
`FIRECRAWL_API_KEY` を、Vercel プロジェクトの設定、またはローカル開発用の `.env.local` に環境変数として追加します：
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## Web を検索する [#web-を検索する]
`api/search.ts` (Next.js の場合は `app/api/search/route.ts`) を作成します：
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: Request) {
const { query } = await request.json();
const results = await firecrawl.search(query, { limit: 5 });
return new Response(JSON.stringify(results), {
headers: { "Content-Type": "application/json" },
});
}
```
## ページをスクレイピング [#ページをスクレイピング]
`api/scrape.ts` (Next.js の場合は `app/api/scrape/route.ts`) を作成します。
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: Request) {
const { url } = await request.json();
const result = await firecrawl.scrape(url);
return new Response(JSON.stringify(result), {
headers: { "Content-Type": "application/json" },
});
}
```
## ページに対してInteractする [#ページに対してinteractする]
`api/interact.ts` (Next.js の場合は `app/api/interact/route.ts`) を作成します:
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: Request) {
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 new Response(JSON.stringify({ output: response.output }), {
headers: { "Content-Type": "application/json" },
});
}
```
## デプロイ [#デプロイ]
```bash
vercel deploy
```
## 試す [#試す]
```bash
curl -X POST https://your-project.vercel.app/api/search \
-H "Content-Type: application/json" \
-d '{"query": "firecrawl web scraping"}'
```
Vercel Functions のデフォルトのタイムアウトは、Hobby プランでは 10 秒、Pro では 60 秒です。大規模なクロールジョブには、代わりに webhook 対応の Firecrawl 非同期 API を使用してください。
## 次のステップ [#次のステップ]
ウェブを検索し、ページ全文を取得
フォーマット、アクション、プロキシを含むスクレイピングのオプション
クリックやフォーム入力で動的コンテンツを抽出
クロール、map、バッチスクレイプなどを網羅した SDK リファレンス