Wildcard Image Domain on Next.js

Warning

This post is more than a year old. Information may be outdated.

Next.js

text

yarn add @blazity/next-image-proxy

Save the following as pages/api/imageProxy.ts

import { withImageProxy } from "@blazity/next-image-proxy";

export default withImageProxy({
  whitelistedPatterns: [/^https?:\/\/(.*).mydomain.com/],
});

And use it as:

tsx

src={`/api/imageProxy?imageUrl=${actualImageUrl}`}

Backlinks1

221110