Bon Appetit Scraper

Extract premium recipes, cooking techniques, restaurant guides, and editorial features from Bon Appetit. Built on spider-browser .

Get started Docs

target
bonappetit.com: success rate
99.9%: latency
~4ms

POST /fetch/bonappetit.com/

return_format

curl -X POST https://api.spider.cloud/fetch/bonappetit.com/ \
  -H "Authorization: Bearer $SPIDER_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"return_format": "json"}'

200 OK · cache hit · response shape

{
  "url": "https://bonappetit.com/",
  "status": 200,
  "data": {
    "recipe_name": "string",
    "author": "string",
    "rating": "string",
    "cook_time": "string",
    "ingredients": "string",
    "instructions": "string",
    "tags": "string",
    "yield": "string"
  }
}

# Bon Appetit Scraper

**Recipe name**: string
**Author**: string
**Rating**: string
**Cook time**: string
**Ingredients**: string
**Instructions**: string
**Tags**: string
**Yield**: string

Quick start

Extract data in minutes.

Structured JSON from bonappetit.com with a single POST. AI-resolved selectors, cached on the first call.

bon-appetit-scraper.ts

import { SpiderBrowser } from "spider-browser";

const spider = new SpiderBrowser({
  apiKey: process.env.SPIDER_API_KEY!,
});

await spider.connect();
const page = spider.page!;
await page.goto("https://www.bonappetit.com/recipe/best-chocolate-chip-cookies");

const data = await page.extractFields({
  title: "h1[data-testid='ContentHeaderHed']",
  author: "[data-testid='BylinesWrapper'] a",
  rating: "[data-testid='RatingWrapper']",
  time: "[data-testid='RecipeInfoValue']",
  description: "[data-testid='ContentHeaderDek']",
  ingredients: "[data-testid='IngredientList'] p",
});

console.log(data);
await spider.close();

curl -X POST https://api.spider.cloud/fetch/bonappetit.com/ \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"return_format": "json"}'

import requests

resp = requests.post(
    "https://api.spider.cloud/fetch/bonappetit.com/",
    headers={
        "Authorization": "Bearer YOUR_API_KEY",
        "Content-Type": "application/json",
    },
    json={"return_format": "json"},
)
print(resp.json())

const resp = await fetch("https://api.spider.cloud/fetch/bonappetit.com/", {
  method: "POST",
  headers: {
    "Authorization": "Bearer YOUR_API_KEY",
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ return_format: "json" }),
});
const data = await resp.json();
console.log(data);