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 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...

Debounce Requests in React Router v7

React Router Tip Debounce Requests in React Router v7 Have you ever implemented a search input filter for table or grid of data in your app that needs to initiate fetching new, filtered, data? If you want to initiate the requests as the user changes the filter value without having to manually click a submit button you likely want to debounce those requests. Do you use a debounce hook and resort to useEffect to kick of requests?? No! There's a much easier way that doesn't involve adding a...