with-nextjs-image-loader

Hygraph ⨯ Next.js Image Component with Custom Loader

Join our Slack

This example demonstrates how to use a custom loader function with Next.js Image Component and Hygraph assets.

This allows you to perform asset transformations using the Hygraph CDN, rather than the default Next.js loader.

By using a custom loader, you will forgo the image caching provided by the default Next.js loader. Learn more here.

• Demo

How to Use

Download Manually

npx degit hygraph/hygraph-examples/with-nextjs-image-loader with-nextjs-image-loader

Install & Run:

cd with-nextjs-image-loader
npm install
npm run dev
# or
cd with-nextjs-image-loader
yarn
yarn dev

Run on Codesandbox