Screenshot API for Nuxt
Capturing website screenshots from Nuxt usually means running and scaling a headless browser yourself. With Snapraven you skip all of that — fetch screenshots from a Nuxt server route or Nitro handler.
What you can build with Nuxt
Produce dynamic OG images, content thumbnails, or preview cards from a Nitro server route — keeping the key on the server while the front end just requests an image URL.
Example in Nuxt
const png = await $fetch(
'https://api.snapraven.app/v1/screenshot',
{ query: { url: target }, headers: { 'x-api-key': key } }
);
That's the entire integration. Snapraven renders the page in a real Chromium browser and
returns a PNG or JPEG. Add fullPage=true
for the full scrollable page, or width/height for custom viewports.
💡 Tip for Nuxt
Put the call in a `server/api/*` Nitro handler and wrap it with `defineCachedEventHandler` so identical URLs are served from cache instead of re-rendered.
Why developers use Snapraven with Nuxt
- ✓ No headless Chrome to install, run, or scale.
- ✓ A single HTTP request — works anywhere Nuxt can make a fetch.
- ✓ Full-page capture, custom viewport, PNG or JPEG.
- ✓ Free tier with 100 requests per month to start.
Nuxt screenshot API — FAQ
Where should I call it?
In a `server/api` Nitro route so your key stays server-side, then expose only the resulting image to the client.
Can I cache responses?
Yes — use `defineCachedEventHandler` or store the asset, so repeat captures of the same URL are instant.
Other guides
Not a developer? Capture screenshots with no code in the dashboard — paste URLs and download a ZIP.