Next.js App Router 设置多语言（i18n)：详细笔记

由于在建英文站还是中文站之间摇摆不定，纠结了半个多月之后还是决定为自己的网站做多语言版本，静下心来好好学习一下官方文档🤱。

本文采用的是next-intl (i18n)。

为什么叫i18n？

"i18n" 是 Internationalization 的缩写。这个名字的由来是因为 "Internationalization" 这个单词中，首字母 "I" 和尾字母 "N" 之间有 18个字母，因此简写为 i18n。

1. 是否要使用i18n路由

使用 i18n 路由:

• 在路径中加入了语言代码（比如 /en/about 或者 en.example.com/about）。

不使用 i18n 路由:

• 路径中没有语言代码。

怎么选？

• 选使用i18n路由。因为：

  • 不使用i18n路由只支持两种语言互相切换。既然都做了多语言，那就要考虑到三种以上的语言。

  • 使用i18n路由对于SEO更友好。

  • 使用i18n唯一的缺点就是路由配置麻烦。

2. 基于前缀的路由和基于域名的路由

Prefix-based routing（基于前缀的路由）

• 特点：

  • 使用 URL 前缀标识语言，例如 /en/about。

  • 对 SEO 友好，因为每种语言都可以生成唯一的 URL。

• 优点：

  • URL 简单清晰，便于用户理解。

  • 不需要额外配置域名，部署较简单。

  • 所有语言页面共享同一域名，更容易维护。

Domain-based routing（基于域名的路由）

• 特点：

  • 使用不同的域名或子域标识语言，例如 en.example.com/about。

  • 每种语言分配独立的域名或子域。

• 优点：

  • 对于市场推广，域名可以专注于特定地区（如 fr 针对法国用户）。

• 缺点：

  • 部署复杂，需要管理多个域名或子域。

  • 需要额外的配置（DNS 设置等）。

对于独立开发者，项目比较