Screenshot every Vercel preview deployment

1// Webhook handler for Vercel deployment events
2export async function POST(request) {
3  const payload = await request.json();
4
5  // Only capture on successful deployments
6  if (payload.type !== 'deployment.succeeded') {
7    return Response.json({ skipped: true });
8  }
9
10  const previewUrl = payload.payload.deployment.url;
11
12  // Capture screenshot of the preview deployment
13  const response = await fetch(
14    'https://api.allscreenshots.com/v1/screenshot',
15    {
16      method: 'POST',
17      headers: {
18        'Authorization': `Bearer ${process.env.SCREENSHOT_API_KEY}`,
19        'Content-Type': 'application/json',
20      },
21      body: JSON.stringify({
22        url: `https://${previewUrl}`,
23        fullPage: true,
24        viewport: { width: 1920, height: 1080 },
25      }),
26    }
27  );
28
29  const { screenshotUrl } = await response.json();
30
31  // Post to Slack
32  await fetch(process.env.SLACK_WEBHOOK, {
33    method: 'POST',
34    body: JSON.stringify({
35      text: `New deployment screenshot: ${screenshotUrl}`,
36    }),
37  });
38
39  return Response.json({ captured: true, screenshotUrl });
40}