Introduction

What is i18nix?

i18nix is a lightweight Javascript internationalization (i18n) framework optimized for Next.js. We also provide continuous translation as a service. Setting up our framework requires little change to your codebase. You set up our framework, we handle the translations for you. Let i18nix take your business global!

We offer everything you need to translate your application:
  • A simple and optimized i18n framework
  • Translation auto-generation and translation management
  • Continuous translation service

Our framework

useTranslation hook

All translation services live in one hook, which can be imported from anywhere. Using the hook, the set locale stays synced everywhere in your application. See using i18nix for a technical deep dive.

Old code

demo.js
<div>This text will be translated</div>

With translations

demo.js
import { useTranslation } from "@/i18nix/translation";
import { Locales } from "@/i18nix/lib/types"; // Locales are type safe
 
const { setLocale, ix } = useTranslation();
 
<div>{ix("This text will be translated")}</div>; // Translates the text to the current setLocale
 
setLocale(Locales.Spanish); // Changes the locale to Spanish. The change is reflected globally

The simplicity of the ix wrapper is designed to not clutter your codebase. i18nix's ix function takes in the original string, making your codebase more readable.

Translation generation

Run our translate script. This script scans your file changes for usages of ix. When new uses of ix are detected in your code, the codegens your text into JSON language configurations across multiple languages (es.json, fr.json, etc). These files are compatible with our continuous translation services.

Example of a Spanish translation file:

es.json
{
  "This text will be translated": {
    "author": "matt@gmail.com",
    "comment": "This appears as plain text in the home page.",
    "locations": ["/components/home.tsx"],
    "value": "Este texto será traducido"
  },
}

Why i18nix?

We make i18n so simple.

  • Everything lives inside one hook, synced across your entire app.
  • Translation key management. Our translate script organizes translations for you, giving time back to your engineers.
  • Lightweight. Translations are stored as keys in key-value pairs, allowing for quick access.
  • Readability. Keys are your original text, improving readability in your codebase.
  • Continuous translation services. We connect you with human translators.

My team and I are product engineers. We understand the needs of other web engineers, good framework design, and simplicity. This product is currently in development and will be available in a couple of weeks. We are looking for businesses interested in our service and working with us. Being a testing user with us is entirely free, and we will offer discounts in the future.