Next.js <Image> fails with Directus: "url" parameter is not...

cafe_carl

I’m using Next.js 16.0.1 and loading images from a Directus /assets/<id> endpoint. The Directus asset URL works fine in the browser: https://<directus-domain>/assets/<id> But when Next.js tries to optimize it, the request fails: /_next/image?url=https://<directus-domain>/assets/<id>&w=1920&q=75 Directus returns: "url" parameter is not allowed ✔️ Working examples <img src={`${DIRECTUS_URL}/assets/${id}`} /> <Image...

Originally asked by Ronak Koladiya on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

It might be worth checking if your directus domain is inserted correctly (i.e. without the https:// protocol). Also I would consider relaxing the pathname parameter (e.g. * ) to rule out configuration error.

Full answer by Screensavers: https://stackoverflow.stackexchange.com/a/79828753 (CC BY-SA 4.0).

Need it done for your business? UphillTech.