How to use all locales from server ONLY

Hi guys, Im trying to use next to load all the locales from server API and not from any local folder

in _app.tsx:

export const getInitialProps = () => ({});

in i18n.js:

module.exports = {
  locales: ['en', 'de'],
  defaultLocale: 'en',
  pages: {
    '*': ['common'],
    'rgx:^/projects': ['projects'],
    'rgx:^/user': ['user'],
    'rgx:^/help': ['help'],
  },
  loadLocaleFrom: async (locale, namespace) => {
    const localesUrl = `${window.location.origin}/api/i18n/${locale}/${namespace}/translations.json`;
    try {
      const response = await fetch(localesUrl);
      if (response.status === 200) {
        return await response.json();
      }
      console.error(`Fetching translations from ${localesUrl} failed`, response);
    } catch (e) {
      console.log(`Fetching translations from ${localesUrl} failed`, e);
    }
    return {};
  },
};

What happens is, on the first load no translations are coming, after navigation in the app then all works fine.

[aralroca]

well, I’m glad you solved it 😊

[fs-innonova]

Sorry my bad… this was a very stupid error… look: basically as you said the using window object should throw this error ReferenceError: window is not defined but because I had an error on the catch clause… no error was to be seen…

So now all works as expected! thank you for your time