Generate PDF Reports from HTML with Screenshots — A Developer's Toolkit

Every developer eventually faces the same request: "Can you make this exportable as a PDF?" Whether it's invoices, dashboards, weekly reports, or certificates — the answer is always HTML-to-PDF or HTML-to-image. And it's always more painful than it should be. Here's the toolkit I've built after doing this too many times. The Problem You have a beautiful HTML template. You need it as: A PDF attachment in an email A PNG for Slack notifications A downloadable report in your app The "obvious" solutions all have tradeoffs: wkhtmltopdf : Ancient, rendering issues, deprecated Puppeteer/Playwright locally : Works great... until you deploy to a server without Chrome Prince XML : Excellent but expensive ($3,800/license) The Modern Approach: API-Based Rendering The cleanest pattern I've found is treating rendering as a service: async function generateReport ( data ) { const html = renderTemplate ( ' monthly-report, data); const response = await fetch( ' https : //your-render-api/v1/render, { meth