Image component w NextJS 14

Question

Witam, miał ktoś może problem z nextowym komponentem Image, który nie ładował wybiórczych zdjęć dostępnych z api? Mam ExpressAPI na osobnym porcie adresu, które służy do uploadu i downloadu zdjęć, generalnie to działa. Informacje o fotkach mam na mongodb atlas. Problem pojawia się gdy chcę wyświetlić wszystkie zdjęcia z danego albumu. Jak się okazuje optymalizacja obrazów nexta coś świruje i wybiórcze fotki wywalają błąd 404 (zawsze te same - i nie, raczej nie jest to wina uszkodzonych plików ponieważ jak wrzucę samą jedną fotkę, która wcześniej się nie pojawiała to nagle magicznie działa) - pomimo tego że są dostępne jak wkleję w przeglądarkę zoptymalizowany link.
Gdy wyłączą optymalizację obrazów nexta no to śmiga, natomiast zależy mi żeby ją zachować.

Spotkał się ktoś kiedyś z podobnym problemem?

Answer 1

Trudno zgadywać co nie działa nie znając aplikacji. Aplikacja zachowuje się tam samo na środowisku lokalnym jak na serwerze? Masz to w kontenerze? Leci jakiś błąd/warning w konsoli? (Pamiętam że kiedyś w next.js instalowało się opcjonalna bibliotekę do obrazków może jej brakuje?) Sprawdzałeś czy nagłówki mówią że to obrazek (te z twojego BE i te z next.js)? Być może nie masz ustawionych nagłówków dla cache i next za każdym razem generuje miniatury na nowo? Może powód jest bardziej prozaiczny i dostępna przestrzeń dyskowa dla kontenera po prostu Ci się skończyła?
Może masz jakiś pośredni serwis hostujący next.js? Jeśli tak to nie ustawiłeś przypadkiek dziwnych limitów na wielkość pliku lub ilość jednoczesnych połączeń? A może w drugą stronę zabijasz pamięć RAM zbyt dużą liczbą jednoczesnego przetwarzania obrazków. Ta 404 którą dostajesz to leci z next.js czy z innej warstwy?

Podsumowując ja bym szukał problemu na warstwie devops ;)