返回

推出 gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

国际化（i18n）体验一向很糟。我们正在构建一个 Next.js 库 gt-next，让这一切变得更简单。 今天我们正式开启公开测试版。

npm i gt-next

使用 gt-next 翻译 JSX 内容时，代码大致如下：

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>就这么简单!用它包裹你的 JSX 就能实现翻译!</p>
    </T>
  )
}

这意味着：

  • 无需痛苦地重写整个代码库
  • 不用再为了一次翻译苦等几天
  • 翻译结果会直接出现在你的开发环境中

只需添加一些环境变量，运行 npx translate，就大功告成。

gt-next 的目标是围绕翻译建立一种“富足心态”。Web 理应默认就是多语言的。而多语言站点应该支持 50 种语言，而不是只有 5 种。

gt-next 能帮你做什么

格式化变量和复数形式

import { T } from 'gt-next'

export default function Page() {
  const count = 2

  return (
    <T id="my_id">
      <Plural
        n={count}
        singular={
          <>
            我有 <Num /> 本书
          </>
        }
      >
        我有 <Num /> 本书
      </Plural>
    </T>
  )
}

使用开发者 API 密钥在本地预览翻译

GT_API_KEY="gtx-dev-cae62d6fe1e33bda603c9a2926ab0fb8"
GT_PROJECT_ID="abcdef12-3456-789a-bcd4-ef123456789a"

开箱即用支持 100 多种语言，并提供按需翻译。

landing

使用交互式 JSX 翻译编辑器编辑你的文案。

editor