Automated social images on Netlify - with Next.js and Resoc

• demo-nextjs-on-netlify

  1 0 0.0 JavaScript

  Social images in NextJS, deployed to Netlify

  

If you can't wait, try it now or browse the code 😁

• puppeteer

  359 86,832 9.9 TypeScript

  Node.js API for Chrome

  

The idea behind image generation is pretty simple: take the title and description from a page, take the image template, mix, et voilà! The two technologies at work are Mustache, a template system used to inject parameter's values, and Puppeteer, a headless Chrome system to convert HTML to images. However, we won't have to deal with these packages directly.

• SurveyJS

  surveyjs.io featured

  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.

  

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

Create a basic Next.js app

• mustache.js

  49 16,259 0.0 JavaScript

  Minimal templating with {{mustaches}} in JavaScript

The idea behind image generation is pretty simple: take the title and description from a page, take the image template, mix, et voilà! The two technologies at work are Mustache, a template system used to inject parameter's values, and Puppeteer, a headless Chrome system to convert HTML to images. However, we won't have to deal with these packages directly.

Suggest a related project