Dynamic OG Images With Remix


Hey y'all,

David here. You signed up for my newsletter at programmingarehard.com.

I'm writing to let you know I've just published a new post about using generating Open Graph images in Remix(the preview images that show up when you past links into social media sites). Vercel has published a pretty cool package for this and I was pleasantly surprised to find that it works just fine in Remix! Check out with the link below. See how I tackled the image generation, and some problems that came up, and how I solved them(or settled with not solving them).

Dynamic OG Images With Remix

Hope it's useful and that you have a relaxing Sunday. ✌️

David

ProgrammingAreHard

For developers looking to learn useful tips and tricks.

Read more from ProgrammingAreHard

React Router Guide How to execute api requests in React Router There's not a lot of opinions on how to structure code that interacts with apis in React Router apps. This is what I've come up with and the post I wish existed before I started using React Router's actions/loaders with my existing api(and if middleware existed back then). Check out the article here. Have a great Tuesday ✌️ Unsubscribe · Preferences

React Router Guide How I used Prettier to help me find and fix a bug I recently encountered a bug where a system that's been working for years stopped working after a code release. The confusing bit was that the updated code had absolutely nothing to do with the system that was breaking. Through a series of trial and error and lots of scratching my head, I ended up using Prettier to pinpoint where the problem was and was able to find and fix the bug. Check out the full write-up here. Have a...

React Router Guide React Router error reporting from scratch As awesome of developers as we all are, errors are bound to crop up in our apps. React Router allows us to be notified of these errors via a handleError function but what exactly can you do here? That's what my latest post covers. I'll teach you how to use source maps to pinpoint the source code where an error is coming from so you can jump on bugs faster. Check it out below. React Router error reporting from scratch. Currently...