Rich previews for any URL

import { Stack0 } from '@stack0/sdk'
 
const stack0 = new Stack0({ apiKey: process.env.STACK0_API_KEY })
 
// Generate a link preview thumbnail
export async function getLinkPreview(url: string) {
  const { imageUrl, metadata } = await stack0.screenshot.capture({
    url,
    viewport: { width: 1200, height: 630 },
    // Thumbnail optimized settings
    format: 'webp',
    quality: 80,
    // Extract page metadata too
    extractMetadata: true,
  })
 
  return {
    thumbnail: imageUrl,
    title: metadata.title,
    description: metadata.description,
    favicon: metadata.favicon,
  }
}
 
// Batch generate previews for multiple links
export async function batchLinkPreviews(urls: string[]) {
  const results = await stack0.screenshot.batch({
    urls,
    config: {
      viewport: { width: 1200, height: 630 },
      format: 'webp',
      extractMetadata: true,
    },
  })
 
  return results.map(r => ({
    url: r.url,
    thumbnail: r.imageUrl,
    ...r.metadata,
  }))
}