RemoteOK Scraper

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://remoteok.com/remote-dev-jobs");

// No selectors, no schema. Spider reads the page and names the fields.
const data = await page.scrape();

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

import { SpiderBrowser } from "spider-browser";

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

await spider.connect();
const page = spider.page!;
await page.goto("https://remoteok.com/remote-dev-jobs");
await page.content(8000);

const data = await page.evaluate(`(() => {
  const jobs = [];
  document.querySelectorAll("tr.job").forEach(el => {
    const title = el.querySelector("h2[itemprop='title']")?.textContent?.trim();
    const company = el.querySelector("h3[itemprop='name']")?.textContent?.trim();
    const salary = el.querySelector(".salary")?.textContent?.trim();
    const tags = [...el.querySelectorAll(".tag h3")].map(t => t.textContent?.trim());
    if (title) jobs.push({ title, company, salary, tags });
  });
  return JSON.stringify({ total: jobs.length, jobs: jobs.slice(0, 15) });
})()`);

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