Astro Integration
Localize your Astro site
Push JSON locale files from your Astro project, translate with AI across 182 languages, and pull type-safe definitions. Works with static and hybrid rendering.
$ npx i1n init
src/pages/index.astro
---
// src/pages/index.astro
import { t } from 'i1n'
---
<html lang="en">
<body>
<h1>{t('home.welcome')}</h1>
<p>{t('home.description')}</p>
</body>
</html>Why Astro teams use i1n
Static-first
Locale files are standard JSON. Astro builds them into static HTML at build time — zero runtime overhead.
Island-compatible
Use i1n in Astro components and framework islands (React, Vue, Svelte) with the same type-safe API.
Content Collections friendly
Manage translated content alongside Astro's Content Collections. i1n handles the locale files, Astro handles the content.
AI-powered translation
One CLI command translates your entire site to any language. Variable masking protects Astro expressions.
Start localizing your Astro site
Free Starter plan included. No credit card required.