next.js - 仅使用 next-i18next 在服务器端添加翻译

Question

设想：

• 我们有一个响应多个域的服务器 (70+)
• 每个域都有自己的语言（已经在单独的 JSON 文件中）
• 我有一张地图"domain":"translation.json"
• 每个客户都有一种语言：访问“example.com”的用户只会看到英文网站。“example.es”中的访问者会以西班牙语看到它。没有选项可以更改当前站点的语言，只需链接到另一个域。

问题

我不想在客户端加载 70 多个翻译，因为客户端永远无法更改它。

如何在我的 NextJS 应用程序中应用该地图，但不将其他资源拖放到客户端？

PS：这里没有“next-i18next”标签（nextjs 有 2 个）。

标签： next.jsserver-side-renderingi18nextreact-i18nextnext-i18next

Answer 1

Next-i18next 有 2 种模式，

1. 服务器端，它使用加载相关的翻译文件i18next-node-fs-backend
2. 客户端，它使用i18next-xhr-backend.

这意味着默认情况下，此库仅加载相关语言。