Remix Integration
Remix localization, server-first.
i1n works with Remix's server-rendering model. Bridge Mode for remix-i18next, type-safe keys, and AI translation from the CLI.
$ npx i1n init
app/routes/dashboard.tsx
import { t } from 'i1n'
import type { LoaderFunction } from '@remix-run/node'
export const loader: LoaderFunction = async () => {
return json({ title: t('dashboard.title') })
}
export default function Dashboard() {
const { title } = useLoaderData()
return <h1>{title}</h1>
}Why Remix teams use i1n
remix-i18next Bridge Mode
Keep using remix-i18next. i1n manages locale files and types while your Remix loaders stay unchanged.
Server-side ready
Locale files are available in loaders and actions. Translations work in SSR without client-side hydration issues.
Route-scoped namespaces
Organize translations by route with namespaces. Only load the keys each route needs.
Type-safe across loaders
i1n.d.ts works in both server and client code. Your compiler validates keys everywhere.
Start localizing your Remix app
Free Starter plan included. No credit card required.