Using Little Eagle Images with Remix

Install

The Little Eagle NPM package @littleeagle/images-node is designed to be used with Remix when deployed as a Node.js application, such as to Vercel.

To install it in your project, run:

Examples

• little-eagle-remix-colors: 16.8 million colors each with their own server-rendered page and OG image.

Generating an OG Image using Little Eagle in Remix

Here’s how to use Little Eagle using Remix’s loader functions.

1. Add your Remix loader function

Use the littleEagleImagesURL function to generate an image in your loader. This ensure it runs on the server-side.

2. Add your Remix meta function

Use the ogImageURL data to set the <meta property="og:image"> tag. We also set other OpenGraph meta tags, and make it look good on Twitter.