Extract
Extract data from sites using AI
1
2
Setup your Environment
To use Hyperbrowser with your code, you will need an API Key. You can get one easily from the dashboard. Once you have your API Key, add it to your .env
file as HYPERBROWSER_API_KEY
.
3
Extract Data
Next, you can extract data from any site by simply setting up the Hyperbrowser client and providing any site urls and the schema you want the data in.
import { Hyperbrowser } from "@hyperbrowser/sdk";
import { config } from "dotenv";
import { z } from "zod";
config();
const client = new Hyperbrowser({
apiKey: process.env.HYPERBROWSER_API_KEY,
});
const main = async () => {
const schema = z.object({
productName: z.string(),
productOverview: z.string(),
keyFeatures: z.array(z.string()),
pricing: z.array(
z.object({
plan: z.string(),
price: z.string(),
features: z.array(z.string()),
})
),
});
// Handles both starting and waiting for extract job response
const result = await client.extract.startAndWait({
urls: ["https://hyperbrowser.ai"],
prompt:
"Extract the product name, an overview of the product, its key features, and a list of its pricing plans from the page.",
schema: schema,
});
console.log("result", JSON.stringify(result, null, 2));
};
main();
4
View Extract in Dashboard
You can view all your extracts in the dashboard and see all their related information.
To view more details check out the Extract page.
Last updated