# Nuxt (/ja/quickstarts/nuxt)
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)
## 前提条件 [#前提条件]
* Nuxt 3+ プロジェクト
* Firecrawl APIキー — [無料で取得できます](https://www.firecrawl.dev/app/api-keys)
## SDKをインストール [#sdkをインストール]
```bash
npm install firecrawl
```
`.env` に API key を追加してください:
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## Webを検索する [#webを検索する]
`server/api/search.post.ts` を作成します:
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: process.env.FIRECRAWL_API_KEY,
});
export default defineEventHandler(async (event) => {
const { query } = await readBody(event);
const results = await firecrawl.search(query, { limit: 5 });
return results;
});
```
Vue コンポーネントから呼び出します。
```vue
```
## ページをスクレイピングする [#ページをスクレイピングする]
`server/api/scrape.post.ts` を作成します:
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: process.env.FIRECRAWL_API_KEY,
});
export default defineEventHandler(async (event) => {
const { url } = await readBody(event);
const result = await firecrawl.scrape(url);
return result;
});
```
Vue コンポーネントから呼び出す:
```vue
```
## ページと Interact する [#ページと-interact-する]
`server/api/interact.post.ts` を作成します:
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: process.env.FIRECRAWL_API_KEY,
});
export default defineEventHandler(async (event) => {
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 { output: response.output };
});
```
## 次のステップ [#次のステップ]
フォーマット、アクション、プロキシを含む、すべてのスクレイピングのオプション
Web を検索してページ全体のコンテンツを取得
クリック、フォーム入力、動的コンテンツの抽出
クロール、map、バッチスクレイプなどを含む SDK リファレンス