# I18n for Nuxt Applications

> Internationalization module for your Nuxt project powered by Vue I18n.

<u-page-hero :links="[{"label":"Get Started","trailingIcon":"i-heroicons-arrow-right-20-solid","to":"/docs/getting-started","size":"lg"},{"label":"Star on GitHub","icon":"i-simple-icons-github","size":"lg","variant":"ghost","color":"neutral","to":"https://github.com/nuxt-modules/i18n","target":"_blank"}]" :ui="{"container":"relative overflow-hidden py-10 flex flex-col md:flex-row items-center gap-4","description":"dark:text-gray-400 text-xl max-w-2xl leading-normal mb-10"}" orientation="horizontal">
<template v-slot:top="">
<div className="absolute,z-[-1],rounded-full,bg-(--ui-primary),blur-[300px],size-60,sm:size-80,transform,-translate-x-1/2,left-1/2,-translate-y-80">



</div>

<div className="absolute,-z-10,inset-0,h-full,w-full,bg-[radial-gradient(circle,var(--ui-color-primary-900)_1px,transparent_1px)],bg-[size:20px_20px]">



</div>
</template>

<template v-slot:title="">
<span className="lg:hidden!,inline">

I18n

</span>

<span className="hidden,lg:inline!">

Internationalization

</span>

 for <span className="text-primary">

Nuxt Applications

</span>
</template>

<template v-slot:description="">

I18n (Internationalization) module for your Nuxt project powered by Vue I18n.

```bash [Terminal]
npx nuxi@latest module add i18n
```

</template>
</u-page-hero>

<u-page-section title="Build i18n-ready apps in seconds!">
<u-page-grid>
<u-page-card icon="i-simple-icons-i18next" to="/docs/getting-started">
<template v-slot:title="">

Vue I18n Integration

</template>

<template v-slot:description="">

Powered by Nuxt 3 for optimal performances and SEO.

</template>
</u-page-card>

<u-page-card icon="i-heroicons-sparkles-20-solid" to="/docs/guide">
<template v-slot:title="">

Automatic Routes Generation

</template>

<template v-slot:description="">

Auto override of Nuxt default routes to add your locales prefixes to every URL.

</template>
</u-page-card>

<u-page-card icon="i-heroicons-presentation-chart-line" to="/docs/guide/seo">
<template v-slot:title="">

Search Engine Optimization

</template>

<template v-slot:description="">

Composables to add SEO metadata based on current locale.

</template>
</u-page-card>

<u-page-card icon="i-heroicons-rocket-launch" to="/docs/guide/lazy-load-translations">
<template v-slot:title="">

Messages Lazy-Loading

</template>

<template v-slot:description="">

Lazy-load only the language that the users selected instead of bundling all the messages.

</template>
</u-page-card>

<u-page-card icon="i-heroicons-arrows-right-left" to="/docs/components/nuxt-link-locale">
<template v-slot:title="">

Locale-Aware Redirection

</template>

<template v-slot:description="">

Ready to use composables to redirect based on current locale.

</template>
</u-page-card>

<u-page-card icon="i-heroicons-globe-alt" to="/docs/guide/different-domains">
<template v-slot:title="">

Locales Specific Domains

</template>

<template v-slot:description="">

Set a different domain name for each locale your app supports.

</template>
</u-page-card>
</u-page-grid>
</u-page-section>

<u-page-section title="Sponsors" style="max-width: 1000px; margin-left: auto; margin-right: auto;">

![Sponsors](https://raw.githubusercontent.com/bobbiegoede/static/main/sponsors.svg)

</u-page-section>