Our great sponsors
-
-
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.
-
og-image
Discontinued Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc
-
render the image with HTML and use Puppeteer to capture it
It all started as I want to make my own Open Graph image generator that can also function as a cover image creator. A cover image is like an album cover or a movie poster which acts as an attention grabber for the audience to a blog post. An attractive cover image will work wonders towards your post views. And most of the time, posts with a cover image will perform better than those with none. I want to start blogging, and making this side project might help me (maybe also others) in the future.
I ended up choosing Puppeteer and capture the web page, which is pretty far from what I initially wanted. Puppeteer needs more time and memory than I prefer. I can generate an image, download it, and then use it as a cover image. But, I want to create an API (with Next.js API routes) that functions as Open Graph Image as a Service. I later found out that Vercel already made this 🥲, still, I want to create my own.
I never use Next.js before, but always been hearing good things about it. So, I thought, why not? Well, it's about time to cross one out of my piling 📚 Technical Bucket List 📚. Then, when I was reading Next.js documentation, I was really excited to see that they provide a way to build our API within Next.js.