How to Use the Snapshot Site TypeScript SDK in Node.js Workflows

If your product already runs on Node.js or TypeScript, the official Snapshot Site SDK is the shortest path from API key to production workflow.

Why use the SDK instead of raw fetch

The SDK gives teams a cleaner abstraction over:

• screenshot requests
• webpage analysis requests
• visual diff requests

That means less wrapper code, fewer copy-pasted payloads, and a simpler path to reuse across scripts, cron jobs, workers, or app backends.

Install

pnpm add @snapshot-site/sdk

Minimal example

import { SnapshotSiteClient } from "@snapshot-site/sdk";

const client = new SnapshotSiteClient({
  apiKey: process.env.SNAPSHOT_SITE_API_KEY!,
});

const result = await client.screenshot({
  url: "https://snapshot-site.com/pricing",
  format: "png",
  width: 1440,
  fullSize: true,
  hideCookie: true,
});

Where it fits well

• CI jobs that validate marketing pages before release
• internal scripts that archive monitored URLs
• product backends that need rendered screenshots on demand
• tooling that mixes screenshot, analyze, and compare in one codebase

When this is the right integration

Use the TypeScript SDK when your engineering team wants full code-level control but does not want to maintain its own low-level API wrapper.

For the package, examples, and setup guide, see the dedicated page:

TypeScript SDK