// First, capture a screenshot
const screenshotResponse = await fetch('https://api.screenshotly.app/screenshot', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'Content-Type': 'application/json',
},
body: JSON.stringify({
url: 'https://example.com',
device: 'desktop',
}),
});
const screenshot = await screenshotResponse.blob();
// Then, apply a mockup
const formData = new FormData();
formData.append('screenshot', screenshot);
formData.append('templateId', 'browser-mockup');
const mockupResponse = await fetch('https://api.screenshotly.app/mockups', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
},
body: formData,
});
const finalImage = await mockupResponse.blob();