serverSideTranslations + client side translation

Do you have a documentation issue?

I wanted to load some translations serverside and some dynamic ones client side. Depending on data recieved so backend sends only id and translation are loaded client side, the client sides are ones that dont appear on screen on first load so i can lazy load them for more performance.

At least in documentation didnt find a clear way to do it as if i use “serverSideTranslations” then client side new namespaces wont load. I did this but not sure if this is correct (inspired on available documentation).

const { t, i18n } = useTranslation([`item_${item}`]);

const translate = useCallback((key: string) => {
    if (item)
        i18n.reloadResources(i18n.resolvedLanguage, [`item_${item}`])
    return t(key)
}, [item])

It mainly to contribute and not just complain as this seems to work for me.

[adrai]

This: but I don’t recommend: https://github.com/locize/next-i18next-locize#possibility-2-config-for-locize-live-download-usage (Possibility 2)

[adrai]

@pedrodurek any idea?