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

uurity8g  于 2023-06-22  发布在  其他
关注(0)|答案(1)|浏览(129)

我目前正在开发一个多语言Next.js 13应用程序,我使用next-intl包进行国际化。我一直在尝试为我的路由设置翻译的URL,但我遇到了一些问题。
这里有一个我想要实现的例子。如果源语言是丹麦语,路由可以是:mypage/om。
对于英语,它将是:我的页面/en/about.
我的项目的结构是利用App目录(/app/[lang]/page.tsx)。
我已经按照next-intl文档设置了国际化路由,但是在这个设置下,我很难让URL转换正确工作。
我需要的网页能够利用“generateStaticParams”,这样我们就可以建立与所有不同的语言静态页面,并允许每个网址是语言特定的,但仍然只需要创建1个主要语言的单页。我希望这是有意义的。
当我导航到mypage/om时,应用程序正确地解析为丹麦语版本,我还可以在mypage/en/om上看到英语版本。然而,我希望能够导航到mypage/en/about,而不必使用不同的名称创建多个页面。
有没有人有在Next.js 13中使用next-intl设置翻译URL的经验,特别是使用App目录结构?任何帮助将不胜感激。先谢谢你了!

vhmi4jdf

vhmi4jdf1#

这是我们也在等待/有同样的问题,解决它的办法是烹饪...
查看Next-Intl路线图

相关问题