迁移至Next.js后，如何配置next-i18next从public文件夹加载本地化文件？

要让next-translate从public文件夹加载本地化文件，只需两步操作：

1. 修改i18n.json配置 #

在原有配置基础上添加localePath字段，指定本地化文件的存储路径为./public/locales：

{
    "locales": ["en", "fr", "ar"],
    "defaultLocale": "en",
    "pages": {
      "*": ["common"]
    },
    "localePath": "./public/locales"
}

2. 调整本地化文件目录结构 #

将原来根目录下的locales文件夹整体移动到public目录中，最终结构如下：

项目根目录/
├─ public/
│  └─ locales/
│     ├─ en/
│     │  └─ common.json
│     ├─ fr/
│     │  └─ common.json
│     └─ ar/
│        └─ common.json
├─ i18n.json
└─ next.config.js

完成以上操作后，next-translate就会自动从public文件夹下的locales目录加载对应语言的本地化文件，无需修改next.config.js的现有配置。

内容的提问来源于stack exchange，提问作者Moammer