export async function getServerSideProps({ locale, query }) {
  console.log(process.env.URL_API_GATEWAY); // this logs well https://...
  try {
    const response = await fetch(`${process.env.URL_API_GATEWAY}/article/v1/articles/${query.id}`); this returns undefined 
    if (!response.ok) {
      throw new Error("Failed to fetch.");
    }
    const item = await response.json();
    return {
      props: {
        item,
        ...(await serverSideTranslations(locale, ["common", "supply", "api"])),
      },
    };
  } catch (error) {
    console.error("Error fetching data:", error);
    return {
      props: {
        item: null,
        ...(await serverSideTranslations(locale, ["common", "supply", "api"])),
      },
    };
  }
}