Hello Everyone,
A few days ago, I completed the NextJs course, and I successfully deployed it on Vercel, which has me really excited. So, I decided to set up the same app on my personal server (it's a modest and old PC) running Ubuntu Server 24, using a Cloudflare tunnel to make it accessible through a Cloudflare domain (since I don't want to pay for a public IP), and Nginx as a proxy server redirecting to the application on localhost:3000.

However, I'm encountering the error: Illegal Instruction (core dumped).

After a lot of trial and error, I discovered that the issue is related to the Image component (next/image). When it tries to optimize the image, it throws an error, causing the application to crash. I'm not entirely sure why this happens, but if I set the directive unoptimized: true in next.config, it works perfectly. So, I believe the problem lies with the image optimizer.

I've tried numerous things (inspired by Microsoft Copilot), such as setting the user to www-data (or was it data-www, I can't recall exactly), checking file permissions (some are 755 and others are 644).

Configurations in Nginx to alias _next/image to / .next/media result in permission denied errors in the Nginx error log. I'd like to know if there's something I haven't considered about the image optimization processes or settings in NextJs.

I should clarify that I could use unoptimized: true, and the <img> tags get a normal path like /hero-desktop.png, which works and not the /_next/image?url=etcetcetc . But I want to know if there's something I haven't considered to make NextJs's image optimization work. Is it something about Ubuntu Server, or a misconfiguration on my part where I haven't followed the standards, or even hardware requirements? (By the way, I'm enthusiastic about installing and trying things on my home server, so I'm not very expert.).

Thanks.