Crie aplicativos multilíngues com facilidade
Um modelo inicial pronto para produção com better-i18n para o Next.js App Router. Renderização no lado do servidor, troca instantânea de localidade e descoberta dinâmica de idioma.
getTranslations()Renderização no lado do servidor
As traduções são carregadas no lado do servidor para carregamento instantâneo da página, sem flash de conteúdo não traduzido.
See demouseTranslations()Chaves Type-Safe
Os tipos TypeScript para suas chaves de tradução capturam erros no momento da compilação, não no tempo de execução.
See demoTry It Live
See all demos| en-US | pt-BR | ||
|---|---|---|---|
| $ | $1,234,567.89 | R$ 1.234.567,89 | ¥1,234,568 |
| Mar 19, 2026 | 19 de mar. de 2026 | 2026/03/19 | |
| 7 days ago | há 7 dias | 7 日前 |
format.number(1234567.89, { style: "currency" })npx better-i18n doctori18n Doctor
Run in CI/CD, analyze in Dashboard. Catch missing keys, hardcoded strings, and orphan translations with a single command.
Início rápido
npm install @better-i18n/next
# i18n.config.ts
import { createI18n } from "@better-i18n/next";
export const i18n = createI18n({
project: "my-org/my-app",
defaultLocale: "en",
});
# middleware.ts
import { i18n } from "./i18n.config";
export default i18n.betterMiddleware();
export const config = {
matcher: ["/((?!api|_next|.*\\..*).*)"],
};Por que o better-i18n?
Entrega com tecnologia CDN
Traduções fornecidas a partir da borda para tempos de carregamento instantâneos em todo o mundo.
Integrações com frameworks
Suporte de primeira classe para Next.js, React e muito mais com SDKs dedicados.
Painel visual
Gerencie traduções, convide colaboradores e acompanhe o progresso em um só lugar.
Código aberto
Desenvolvimento orientado pela comunidade com total transparência no GitHub.
Help Center
Multilingual help center powered by Better i18n — search articles, browse categories, all translated in real-time.
Comece a criar aplicativos multilíngues hoje mesmo
Comece em minutos com o better-i18n. Gratuito para começar, escala com seu projeto.