Create an Open Graph image generator with Node.js

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • og-imager

    A NodeJS + ExpressJS powered OG Image Generator Service

  • You can also find the complete code on GitHub. Feel free to fork it and extend beyond the template to fit your needs.

  • puppeteer

    Node.js API for Chrome

  • In the article, Jason Etcovitch writes, “We changed waitUntil to [domcontentloaded](https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event) to ensure that the HTML had finished being parsed, then passed a custom function to [page.evaluate](https://pptr.dev/#?product=Puppeteer&version=v8.0.0&show=api-pageevaluatepagefunction-args).

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • opengraph

    A python module to parse the Open Graph Protocol

  • Let’s first understand what the OG protocol is. According to opg.me, “The Open Graph protocol enables any web page to become a rich object in a social graph. It provides enough information to richly represent any web page within the social graph.”

  • Nodemon.io

    Monitor for any changes in your node.js application and automatically restart the server - perfect for development

  • We can now add the start script to package.json to start the app. Use nodemon for local development purposes to autoreload the Node server when changes are made:

  • handlebars.js

    Minimal templating on steroids.

  • An image template is a simple HTML markup with a few placeholders and CSS to style. The placeholders are in Handlebars syntax, {{placeholder}}, but we will discuss this more in the next section.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Generate invoice PDF file using HTML template

    5 projects | dev.to | 5 Sep 2023
  • Best js framework with SEO optimization

    3 projects | /r/webdev | 17 Mar 2022
  • Automated social images on Netlify - with Next.js and Resoc

    4 projects | dev.to | 27 Sep 2021
  • Static, automated social images with NextJS

    3 projects | dev.to | 9 Sep 2021
  • Automate Open Graph image creation

    3 projects | dev.to | 12 Apr 2021