title: How to properly load i18n resources in next-i18next from api endpoints?
body: <p>I have a nextjs app, which I want to extend using i18next and next-i18next (<a href="https://github.com/isaachinman/next-i18next" rel="noreferrer">https://github.com/isaachinman/next-i18next</a>).</p>
  <p>The default configuration is looking for json files under <code>./public/locales/{lng}/{ns}.json</code>, where lng is the language and ns a namespace.</p>
  <p>My requirement however is, that this should be served from an api endpoint. I am struggling to find the correct configuration, as <code>next-i18next</code> does ignore my settings right now and is not firing off any xhr requests to my backend.</p>
  <p>next-i18next.config.js:</p>
  <pre><code>const HttpApi = require('i18next-http-backend')
  
  module.exports = {
      i18n: {
          defaultLocale: 'de',
          locales: ['en', 'de'],
      },
      backend: {
          referenceLng: 'de',
          loadPath: `https://localhost:5001/locales/de/common`,
          parse: (data) =&gt; {
              console.log(data)
              return data 
          }
      },
      debug: true,
      ns: ['common', 'footer', 'second-page'], // the namespaces needs to be listed here, to make sure they got preloaded
      serializeConfig: false, // because of the custom use i18next plugin
      use: [HttpApi],
  }
  </code></pre>
  <p>I am at a loss here. What am I doing wrong?</p>