i18

Global Apps, Translation Chaos Ends

Stop wasting time on manual translation management

Set up multilingual support in 1 minute with automated workflows

Get Started Freeโ†’View documentation
5min Setup
Free & Open Source
TypeScript support

Trusted i18n Solution

Translation management tool chosen by developers worldwide

i18nexus

๐Ÿ“ฆ

Loading...

i18nexus-tools

๐Ÿ“ฆ

Loading...

Traditional Problems

Sound Familiar?

Traditional i18n approaches slow development and make maintenance difficult

Manual text wrapping

Repetitive work wrapping every text with t() function. Mistakes lead to missing translations.

Hydration Error

Hydration mismatch errors in SSR due to server-client language differences.

Complex File Management

The hassle of manually managing and syncing multiple JSON files.

Complex Setup

Complex and time-consuming initial setup with i18next config, routing, middleware, etc.

i18nexus Solution

Solves All Problems at Once

i18nexus ends all translation management worries with automation and optimization

Auto text wrapping with CLI

The i18n-wrapper CLI analyzes code and automatically applies translation functions.

$ npx i18nexus-tools wrapper

Zero hydration issues

Cookie-based language management ensures server and client always use the same language.

Google Sheets Integration

Manage translation files with Google Sheets and auto-sync bidirectionally.

Simple setup with defaults

Start immediately with just 3 lines of code. No complex configuration needed.

Key Features

Complete i18n toolkit designed for developers

Auto Text Wrapping

CLI automatically detects text and applies translation functions

Type Safety

Full TypeScript support prevents compile-time errors

Real-time Sync

Bidirectional auto-sync with Google Sheets

SSR Optimized

Perfect compatibility with Next.js App Router, hydration stability

Really Just 1 Minute

Get started instantly in 3 steps without complex configuration

1

Installation (10 sec)

Install i18nexus via npm

$ npm install i18nexus
2

Provider Setup (30 sec)

Add I18nProvider to layout.tsx

// app/layout.tsx
import { I18nProvider } from 'i18nexus';
import { translations } from '@/locales';

export default function RootLayout({ children }) {
  return (
    <I18nProvider translations={translations}>
      {children}
    </I18nProvider>
  );
}
3

Get Started (20 sec)

Use useTranslation() hook in components

// app/page.tsx
"use client";
import { useTranslation } from 'i18nexus';

export default function Home() {
  const { t } = useTranslation();

  return (
    <div>
      <h1>{t("์•ˆ๋…•ํ•˜์„ธ์š”!")}</h1>
      <p>{t("๋‹ค๊ตญ์–ด ์ง€์›์ด ํ™œ์„ฑํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค")}</p>
    </div>
  );
}

Done!

Multilingual support is now enabled

View Detailed Guideโ†’

Learn More

Check detailed usage and API reference

i18nexus Library

Complete React i18n toolkit with cookie-based language management and SSR support

I18nProvideruseTranslationServer Components
View documentationโ†’

i18nexus-tools CLI

Powerful CLI tools to automate your i18n workflow - from code transformation to Google Sheets integration

i18n-wrapperi18n-extractorGoogle Sheets
View documentationโ†’

Start Now

Thousands of developers are automating translation management with i18nexus

Get Started Freeโ†’Explore Documentation
No Credit Card Required
Open Source
Active Community