用途:把 Intlayer 国际化集成到 Next.js 的 App Router 与 Pages Router,适合需要按组件声明多语言内容的 Next.js 项目。
核心理念:采用组件级内容声明,而非单一全局翻译文件。内容写在组件旁的 *.content.ts 文件中,通过 t() 定义各语言文案,字典的 key 需唯一,并与 useIntlayer() 传入的键一致。
工作流:每个待翻译组件通常包含两个文件——声明文件(如 myComponent.content.ts)与实现组件(服务端或客户端组件),后者通过 useIntlayer 读取内容。
服务端组件:使用 next-intlayer/server 的 IntlayerServerProvider 提供 locale,并用同包的 useIntlayer 获取内容;页面可从 params 读取 locale 后包裹 Provider。
客户端组件:添加 "use client" 指令,使用 next-intlayer 的 useIntlayer,并确保组件被 IntlayerClientProvider 包裹。
覆盖环境:资料列出 Next.js 14、Next.js 15、无 locale 路径、Page Router 等配置方向,以及 Intlayer Exports、Next Intlayer Exports、Middleware、T、useDictionary、useIntlayer、useLocale 等包与导出参考。
限制:资料未提供具体安装命令、版本要求、完整配置步骤与定价信息,这些内容暂未提供。