Website & Document Snapshot Utility Tool

सर्वरलेस (Vercel / Node.js) पर बैकएंड Puppeteer स्क्रीनशॉट एपीआई चलाने के लिए अपनी Next.js परियोजना की फ़ाइल app/api/screenshot/route.js में इस कोड का उपयोग करें:

import puppeteer from 'puppeteer-core';
import chromium from '@sparticuz/chromium';

export async function POST(request) {
  try {
    const { url, mode, customHeight, viewportWidth = 1366 } = await request.json();

    // Launch serverless Chromium browser
    const browser = await puppeteer.launch({
      args: chromium.args,
      defaultViewport: { width: Number(viewportWidth), height: 800 },
      executablePath: await chromium.executablePath(),
      headless: chromium.headless,
    });

    const page = await browser.newPage();
    await page.goto(url, { waitUntil: 'networkidle2', timeout: 30000 });

    let screenshotBuffer;
    if (mode === 'full') {
      screenshotBuffer = await page.screenshot({ fullPage: true, type: 'png' });
    } else {
      await page.setViewport({ width: Number(viewportWidth), height: Number(customHeight || 1200) });
      screenshotBuffer = await page.screenshot({ fullPage: false, type: 'png' });
    }

    await browser.close();

    return new Response(screenshotBuffer, {
      status: 200,
      headers: { 'Content-Type': 'image/png' }
    });
  } catch (error) {
    return Response.json({ error: error.message }, { status: 500 });
  }
}