Generate OG Images with a Single API Call

// Generate a dynamic OG image for a blog post
const response = await fetch('https://renderpix.dev/v1/render', {
  method: 'POST',
  headers: {
    'X-API-Key': 'rpx_your_key',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    html: `
      <div style="width:1200px;height:630px;background:linear-gradient(135deg,#0f172a,#1e293b);
        display:flex;flex-direction:column;justify-content:center;padding:80px;font-family:sans-serif">
        <div style="color:#22d3ee;font-size:18px;margin-bottom:16px">renderpix.dev</div>
        <div style="color:white;font-size:52px;font-weight:bold;line-height:1.2">
          ${post.title}
        </div>
        <div style="color:#94a3b8;font-size:20px;margin-top:24px">
          ${post.author} · ${post.date}
        </div>
      </div>
    `,
    width: 1200,
    height: 630,
    format: 'png'
  })
});

const image = await response.arrayBuffer();
// Save to /public/og/my-blog-post.png or serve directly