Как в Next.js локально настроить обращение через getServerSideProps к api?

Question

[lambdahhh]

Развернул приложение на next.js и отдельно API, чтобы из приложения запрашивать данные у API
все поднято в докере, само приложение доступно localhost:3000 а API localhost:3333

все работает нормально, когда я запрашиваю данные в процессе работы приложения через хуки
но когда пытаюсь запросить данные перед рендерингом в методе getServerSideProps
получаю такую ошибку

Server Error
FetchError: request to http://localhost:3333/api/posts failed, reason: connect ECONNREFUSED 127.0.0.1:3333

в интернетах прочитал, что это из-за одного и того же хоста localhost, приложение думает, что обращается к себе на хост, который находится в процессе сборки...

и нужно как-то сделать, чтобы адрес у api был не localhost:3333 а например backend:3333 только не пойму как это сделать, пытался прописать в etc/hosts
127.0.0.1 api.backend
и в nginx conf server_name api.backend
но это не работает...

мне кажется проблема актуальная для большинства разработчиков