Next.js Pages Router 的 i18n

适用于 Next.js(Pages Router)的生产级国际化方案

简介

在 Next.js Pages Router 应用中实现国际化,需结合 getServerSidePropsgetStaticProps 以及内置的 i18n 路由功能。Pages Router 提供基于文件系统的路由,支持语言前缀、自动语言检测和服务端数据获取,使多语言应用的开发变得简单高效。本指南将介绍如何利用 Pages Router 的约定和能力实现 i18n 模式。

该方法采用 Next.js 内置的 i18n 路由配置,自动处理 URL 中的语言前缀。服务端函数会获取特定语言内容,组件则根据路由中的当前语言格式化数据。

后续步骤

浏览侧边栏,按主题查阅各类指南。每篇指南均包含问题描述、解决方案和详细的实现步骤。

首先从基于语言的路由配置入手,设置 Next.js 的 i18n。然后学习加载翻译和数据格式化。所有指南均基于 Next.js 12 及以上版本的 Pages Router。