SSR: When should it read/refetch the translations?

[xennialex]

Hi!

I just recently switched to next-i18next and I'm using server side caching with FSBackend and getting the translations with CalingaBackend.

It works like a charm for the initial loading, but when I specify an expirationTime for FSBackend it never seems to validate this. As far as I've seen in FSBackend this should be checked each time when the read function is called, but this never seems to happen?

Could somebody please help me with this problem?

My next-i18next.config.js is a folder that looks like this:

package.json

{
  "name": "next-i18next.config.js",
  "browser": "./index.js",
  "main": "./node.js"
}

index.js

module.exports = {
  i18n: {
    locales: ['default', 'en', 'de', 'el', 'es', 'fr', 'hu', 'it', 'ja', 'nl', 'pt', 'ru', 'tr', 'zh'],
    defaultLocale: 'default',
    localeDetection: false
  },
  keySeparator: false,
  interpolation: { escapeValue: false },
  defaultNS: process.env.NEXT_PUBLIC_CALINGA_PROJECT,
  debug: true,
}

node.js

module.exports = require('./index')

const ChainedBackend = require('i18next-chained-backend')
const FSBackend = require('i18next-fs-backend')
const { CalingaBackend } = require('i18next-calinga-backend')

const minutes = parseInt(process.env.CALINGA_REFRESH_MINUTES)

module.exports.backend = {
  backends: [
    FSBackend,
    CalingaBackend
  ],
  backendOptions: [{ // make sure public/locales/{{lng}} folders exists
    loadPath: './public/locales/{{lng}}/{{ns}}.json',
    addPath: './public/locales/{{lng}}/{{ns}}.json',
    expirationTime: minutes * 60 * 1000 // all x minutes the cache should be deleted
  }, {
    organization: process.env.CALINGA_ORGANIZATION,
    team: process.env.CALINGA_TEAM,
    project: process.env.NEXT_PUBLIC_CALINGA_PROJECT,
    apiToken: process.env.CALINGA_API_TOKEN,
  }]
}
module.exports.use = [ChainedBackend]
module.exports.serializeConfig = false // because of the custom use i18next plugin
module.exports.ns = ['My Project Name']

It's used like this:

export async function getServerSideProps(context) {
  const { locale } = context

  return {
    props: {
      ...(await serverSideTranslations(locale ?? 'en', ['My Project Name'])),
    }
  }
}

[xennialex]

Doing it like this seems to work:

export async function getServerSideProps(context) {
  const { locale } = context

  await i18n?.reloadResources()

  return {
    props: {
      ...(await serverSideTranslations(locale ?? 'en', ['My Project Name'])),
    }
  }
}

The files are now getting updated only around the given expirationTime. Would calling reloadResources have any downside?