Headless-Render-API.com

// cd into build/dist of your React/Angular/Vue/etc SPA and run:
npx prerendercloud-server

// or use as node.js express/connect middleware
app.use(require("prerendercloud"));

// or docker
docker run -v $(pwd)/dist:/wwwroot -p 9000:9000 prerendercloud/webserver

// npm install prerendercloud
const fs = require("fs");
const prerendercloud = require("prerendercloud");
// set your API key via env var PRERENDER_TOKEN or the following line:
// prerendercloud.set('prerenderToken', 'mySecretToken')

const screenshot = await prerendercloud.screenshot("http://example.com", {
  // deviceWidth: 1366, // Default: 1366
  // deviceHeight: 768, // Default: 768
  // deviceIsMobile: false, // Default: false, whether the meta viewport tag is taken into account
  format: "webp", // Default: png, other options: webp, jpeg

  // use 2 for HiDPI/Retina screenshots
  viewportScale: 2, // Default: 1, min: 0.1, max: 3.0

  // (screen, print, braille, embossed, handheld, projection, speech, tty, tv)
  // emulatedMedia: "screen", // Default: screen

  // viewportQuerySelector: "#open-graph-div",
  // viewportQuerySelectorPadding: 10,

  // viewportWidth: 800, // Defaults to deviceWidth
  // viewportHeight: 600, // Defaults to deviceHeight
  // viewportX: 0, // Default: 0
  // viewportY: 0, // Default: 0
});

await fs.writeFile("out.webp", screenshot);

// npm install prerendercloud
const fs = require("fs");
const prerendercloud = require("prerendercloud");
// set your API key via env var PRERENDER_TOKEN or the following line:
// prerendercloud.set('prerenderToken', 'mySecretToken')

const pdf = await prerendercloud.pdf("https://headless-render-api.com", {
  // Note: using noPageBreaks forces the following
  //  - pageRanges: "1",
  //  - preferCssPageSize: true
  noPageBreaks: true,
  printBackground: true,

  // (screen, print, braille, embossed, handheld, projection, speech, tty, tv)
  emulatedMedia: "print", // Default: "print"

  // pageRanges: "1", // Default: "", all pages. Example: "1-5, 8, 11-13"
  // scale: 1.5,  // Default: 1, min: 0.1, max: 2.0
  // preferCssPageSize: false,
  // printBackground: false,
  // landscape: false,
  // marginTop: 0.4, // inches
  // marginRight: 0.4,
  // marginBottom: 0.4,
  // marginLeft: 0.4,
  // paperWidth: 8.5, // inches
  // paperHeight: 11,
});

await fs.writeFile("out.pdf", pdf);

// npm install prerendercloud
const fs = require("fs");
const prerendercloud = require("prerendercloud");
// set your API key via env var PRERENDER_TOKEN or the following line:
// prerendercloud.set('prerenderToken', 'mySecretToken')

// Headless-Render-API will scrape the HTML, parse
// various meta tags, links, and take a screenshot all
// on the server. The client only parses the results
const {
  body,
  meta: {
    title,
    h1,
    description,
    ogImage,
    ogTitle,
    ogDescription,
    ogType,
    twitterCard,
  },
  links, // array
  screenshot, // buffer
  statusCode, // number
  headers, // object of headers, e.g. { 'content-type': 'text/html' }
} = await prerendercloud.scrape("https://example.com", {
  withMetadata: true,
  withScreenshot: true,
  // followRedirects: false, // Default: false
  // deviceIsMobile: false, // Default: false, whether the meta viewport tag is taken into account
});

fs.writeFileSync("body.html", body);
fs.writeFileSync("screenshot.png", screenshot);

console.log({
  meta: {
    title,
    h1,
    description,
    ogImage,
    ogTitle,
    ogDescription,
    twitterCard,
  },
  links,
});