相关疑难解决方法(0)

如何在 Next.js 中设置 i18n 翻译的 URL 路由?

我正在使用Next.js i18n-routing来设置多语言网站。这非常有效。如果我在此创建一个文件,/pages/about.js将根据我的区域设置创建 URL,例如:

  • CN ->/about
  • 德->/de/about
  • 英语->/es/about

那就好了。

如果我想要每种语言的翻译 URL 路由怎么办?我被困在如何设置这个问题上......

  • CN ->/about
  • 德->/de/uber-uns
  • 英语->/es/nosotros

routes internationalization reactjs next.js

23
推荐指数
1
解决办法
2万
查看次数

使用 App 目录和 next-intl 翻译 Next.js 13 中的 URL

我目前正在开发多语言 Next.js 13 应用程序,并使用 next-intl 包进行国际化。我一直在尝试为我的路线设置翻译后的网址,但遇到了一些问题。

这是我想要实现的目标的一个例子。如果源语言是丹麦语,则路径可以是:mypage/om。
对于英语,它将是:mypage/en/about。

我的项目的结构是利用应用程序目录(/app/[lang]/page.tsx)。

我已按照 next-intl 文档来设置国际化路由,但我很难让 URL 翻译与此设置一起正常工作。

我需要页面能够利用“generateStaticParams”,这样我们就可以使用所有不同的语言构建静态页面,并允许每个 url 特定于语言,但仍然只需为主语言创建 1 个单页面。我希望这是有道理的。

当我导航到 mypage/om 时,应用程序正确解析为丹麦语版本,我还可以在 mypage/en/om 上看到英语版本。但是,我希望能够导航到 mypage/en/about,而不必创建具有不同名称的多个页面。

有没有人有在 Next.js 13 中使用 next-intl 设置翻译 URL 的经验,特别是应用程序目录结构?任何帮助将不胜感激。提前致谢!

internationalization i18next next.js react-i18next

5
推荐指数
1
解决办法
2666
查看次数