Automating OG Images in Next.js

There is a specific kind of dissapointment when you share a link and it shows up as a blank gray box–no image, no context, just a bare URL. I have been there more times than I’d like to admit. Back in 2020, I was excited I found a tutorial that we can set a “social preview image” to our website. So I was determined to try it. For every blog post I published, I’d manually design a social preview…