Launch in every language

General Translation helps developers ship apps in A

Get Started Documentation

Trusted by the world's best companies

Locadex

AI i18n agent

Ship multilingual apps in minutes

Locadex scans your repo, plans safe code edits, and opens PRs with code and translations. End-to-end localization, automated forever.

Connect GitHub Quickstart

Scanning

Code Analysis

Smart extraction

Automatically finds translatable strings in your code, preserving variables and context.

AI Translation

Context-aware AI

The AI model understands your project structure and translates with proper context, not just raw text.

CI/CD Integration

Automated deployment

Detect changes in PRs and automatically generate translation updates. No manual work required.

AI context

Guide translations with context

Add short instructions to clarify meaning and tone for ambiguous copy. Works in JSX and files.

Learn more

Without context

HomeCasa

Literal "house"; wrong for navigation.

With context: "navigation menu"

HomeInicio

Correct label for website nav.

Glossary

Car → "Carro"

Lock project-wide terminology with per-locale entries.

Locale rules

Avoid the formal "you"

Set per-locale guidance based on your audience.

Next.js

React

Other React

Frameworks

Works with your stack

Works with Next.js and any React project. Click a framework to open its guide.

Seamless developer experience

Translate everything from simple sites to complex user experiences

Seamless developer experience

Translate everything from simple sites to complex user experiences

Translate JSX

Any UI passed as children of <T> is tagged and translated. Learn more

Format numbers, dates, and currencies

Components and helpers to format variables to your user's locale. Learn more

Automatically translate files

JSON, Markdown/MDX, and more with our CLI pipeline. Learn more

Add context for perfect translations

Pass a context prop to guide the AI model. Learn more

Built-in middleware

Language detection and redirects for URL-based routing in Next.js. Learn more

Lightning-fast translation CDN

Serve translations from edge cache — fast everywhere, by default. Learn more

Translate JSX

Translate React UI inline by wrapping content in the <T> component. Variables and nested elements are preserved as structured translations.

About

1import { T, Var } from 'gt-react';
2
3export default function Greeting({ name }: { name: string }) {
4  return (
5    <T>
6      <h1>Hello, <Var>{name}</Var>!</h1>
7    </T>
8  );
9}

tsx

Format numbers, dates, and currencies

Locale-aware primitives make it easy to format dynamic values correctly for each user without custom logic.

About

1import { T, Num } from 'gt-react';
2
3export function Stat({ count }: { count: number }) {
4  return (
5    <T>
6      <p>Users online: <Num>{count}</Num></p>
7    </T>
8  );
9}

tsx

Automatically translate files

Translate content files in your repo using the CLI. Keep content in Markdown/MDX or JSON dictionaries — the pipeline handles extraction and updates.

About

# Translate and publish
npx gtx-cli translate
# Or stage for review
npx gtx-cli stage

bash

Add context for perfect translations

Provide short instructions to influence tone and meaning for ambiguous terms. Context applies to inline JSX and files.

About

1import { T } from 'gt-react';
2
3export function Nav() {
4  return (
5    <T context="a navigation label">
6      <a>Home</a>
7    </T>
8  );
9}

tsx

Built-in middleware

Detect user language and route to the right locale before any content loads. Simple utilities wire this into App Router.

About

1// middleware.ts
2import { createNextMiddleware } from 'gt-next/middleware';
3export default createNextMiddleware();

tsx

Lightning-fast translation CDN

Translations are cached at the edge for low latency globally. Or opt into local bundling if you prefer no network at runtime.

About

1import { GTProvider } from 'gt-react';
2
3export default function Root({ children }) {
4  return (
5    <GTProvider>
6      {children}
7    </GTProvider>
8  );
9}

tsx

Mintlify

Sanity

Markdown / MDX

Content & Docs

Translate your docs and content

Markdown, MDX, and CMS content work with our pipeline — including Mintlify and Sanity.

Translation editor

Fine-tune translations in the dashboard

AI drafts your copy — you review, edit, and approve in a focused editor so tone, terminology, and layout stay on-brand before publish.

Learn more

Source

Translation

Documentation

Quick guides and API reference

Learn by example and ship faster.

Read the docs

Blog

Updates and ideas from the team

Product releases, tips, and best practices.

Read the blog

100+ languages supported

English, Spanish, French, German, Japanese, Chinese — and many more.

Browse all supported locales

Backed by Vercel

Launch in every language

General Translation helps developers ship apps in A

Get Started Documentation

Trusted by the world's best companies

Locadex

AI i18n agent

Ship multilingual apps in minutes

Locadex scans your repo, plans safe code edits, and opens PRs with code and translations. End-to-end localization, automated forever.

Connect GitHub Quickstart

Scanning

Code Analysis

Smart extraction

Automatically finds translatable strings in your code, preserving variables and context.

AI Translation

Context-aware AI

The AI model understands your project structure and translates with proper context, not just raw text.

CI/CD Integration

Automated deployment

Detect changes in PRs and automatically generate translation updates. No manual work required.

AI context

Guide translations with context

Add short instructions to clarify meaning and tone for ambiguous copy. Works in JSX and files.

Learn more

Without context

HomeCasa

Literal "house"; wrong for navigation.

With context: "navigation menu"

HomeInicio

Correct label for website nav.

Glossary

Car → "Carro"

Lock project-wide terminology with per-locale entries.

Locale rules

Avoid the formal "you"

Set per-locale guidance based on your audience.

Next.js

React

Other React

Frameworks

Works with your stack

Works with Next.js and any React project. Click a framework to open its guide.

Seamless developer experience

Translate everything from simple sites to complex user experiences

Seamless developer experience

Translate everything from simple sites to complex user experiences

Translate JSX

Any UI passed as children of <T> is tagged and translated. Learn more

Format numbers, dates, and currencies

Components and helpers to format variables to your user's locale. Learn more

Automatically translate files

JSON, Markdown/MDX, and more with our CLI pipeline. Learn more

Add context for perfect translations

Pass a context prop to guide the AI model. Learn more

Built-in middleware

Language detection and redirects for URL-based routing in Next.js. Learn more

Lightning-fast translation CDN

Serve translations from edge cache — fast everywhere, by default. Learn more

Translate JSX

Translate React UI inline by wrapping content in the <T> component. Variables and nested elements are preserved as structured translations.

About

1import { T, Var } from 'gt-react';
2
3export default function Greeting({ name }: { name: string }) {
4  return (
5    <T>
6      <h1>Hello, <Var>{name}</Var>!</h1>
7    </T>
8  );
9}

tsx

Format numbers, dates, and currencies

Locale-aware primitives make it easy to format dynamic values correctly for each user without custom logic.

About

1import { T, Num } from 'gt-react';
2
3export function Stat({ count }: { count: number }) {
4  return (
5    <T>
6      <p>Users online: <Num>{count}</Num></p>
7    </T>
8  );
9}

tsx

Automatically translate files

Translate content files in your repo using the CLI. Keep content in Markdown/MDX or JSON dictionaries — the pipeline handles extraction and updates.

About

# Translate and publish
npx gtx-cli translate
# Or stage for review
npx gtx-cli stage

bash

Add context for perfect translations

Provide short instructions to influence tone and meaning for ambiguous terms. Context applies to inline JSX and files.

About

1import { T } from 'gt-react';
2
3export function Nav() {
4  return (
5    <T context="a navigation label">
6      <a>Home</a>
7    </T>
8  );
9}

tsx

Built-in middleware

Detect user language and route to the right locale before any content loads. Simple utilities wire this into App Router.

About

1// middleware.ts
2import { createNextMiddleware } from 'gt-next/middleware';
3export default createNextMiddleware();

tsx

Lightning-fast translation CDN

Translations are cached at the edge for low latency globally. Or opt into local bundling if you prefer no network at runtime.

About

1import { GTProvider } from 'gt-react';
2
3export default function Root({ children }) {
4  return (
5    <GTProvider>
6      {children}
7    </GTProvider>
8  );
9}