with-nextjs-image-loader

GraphCMS ⨯ 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 GraphCMS assets.

This allows you to perform asset transformations using the GraphCMS 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 graphcms/graphcms-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