Uploadcare custom loader for Image Component @uploadcare/nextjs-loader

The following is an example of a reference to an image from the Uploadcare CDN at ucarecdn.com

It will be served directly from ucarecdn.com, without proxying through Media Proxy.

---

The following is an example of use of the UploadcareImage helper component.

---

The following is an example of use of the UploadcareImage helper component with placeholder=blur property. It's better to enable network throttling in dev tools to see the blurred placeholder.

---

The following is an example of a reference to an external image at assets.vercel.com.

It will be proxied through Media Proxy.

---

SVGs and GIFs will be used without transformations

---

Local image will be served AS IS in Development, and converted to the absolute URL and passed to the proxy in Production

---

Statically imported image will be served AS IS in Development, and converted to the absolute URL and passed to the proxy in Production

---

Checkout the project documentation on Github @uploadcare/nextjs-loader.