Our great sponsors
-
img
Discontinued 🌠Imagegen (image generator) as a Service, built with Next.js and Vercel (by phuctm97)
-
img-nodejs
Discontinued 🌌 Imagegen (image generator) as a Service, built with Node.js, Docker, and DigitalOcean.
-
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.
Next.js + Serverless functions, which can be deployed serverlessly to platforms that support Next.js API routes as Serverless functions (only Vercel currently supports).
This article is already fairly long (compared to typical dev posts), so I'll write a quick concept here and write complete tutorials in separate posts for both Node.js based and Next.js based versions. There are also more details in the project's repository.
To be able to render dynamic images, I used Puppeteer to render HTML in a headless Chrome, then take screenshots and render them back to clients.
Special thanks to Vercel's og-image, this project is heavily inspired by og-image.