skills.rest
Jozaguts
JozagutsCOMMUNITY
Explore all skills by this author →
Website𝕏@jozagutsGitHub

nuxt-i18n-setup

Configure @nuxtjs/i18n locales, routing, and SEO in Nuxt 3 apps.

Updated Aug 27, 2026
Search Tags:#routing#localization#setup#i18n#seo#nuxt#nuxt3
One-click install
npx skills add https://github.com/Jozaguts/futzo --skill nuxt-i18n-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-i18n-setup
Source: https://github.com/Jozaguts/futzo/tree/main/.codex/skills/nuxt-i18n-setup
Command: npx skills add https://github.com/Jozaguts/futzo --skill nuxt-i18n-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 3 apps often struggle to enable internationalization without breaking SSR or existing routes. This Skill provides a clear flow to install and configure the i18n module, define locales, and wire a language switcher while preserving SSR behavior and routing integrity.

Core Features & Use Cases

  • Install the module and configure locales, defaultLocale, and routing strategy.
  • Create translation file structure under i18n/locales and wire the language switcher for UI elements.
  • Enable SEO for localized routes using useLocaleHead and proper locale metadata.

Quick Start

Install the i18n module, define locales and defaultLocale, set the routing strategy, create locale files under i18n/locales, implement a language switcher, and enable SEO with useLocaleHead.

Frequently Asked Questions about nuxt-i18n-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up i18n in Nuxt 3 without breaking SSR?▼

To set up Nuxt 3 i18n without breaking SSR, install the @nuxtjs/i18n module, configure locales and routing strategy, and structure translation files under i18n/locales to maintain server-side rendering integrity.

What's the best way to configure localized routing in Nuxt 3?▼

Localized routing in Nuxt 3 is configured by defining locales and a defaultLocale in the @nuxtjs/i18n module setup, which automatically handles route generation while preserving existing route structure.

How do I add SEO metadata for localized Nuxt routes?▼

Add SEO metadata for localized Nuxt routes by using the useLocaleHead function from the @nuxtjs/i18n module to generate proper locale metadata and hreflang tags for your localized pages.

Can I implement a language switcher in Nuxt 3 without losing the current route?▼

Yes, you can wire a language switcher in Nuxt 3 without losing the current route by utilizing the @nuxtjs/i18n module's routing strategy to seamlessly switch locales while maintaining routing integrity.

Why does my Nuxt 3 i18n setup break existing routes?▼

Nuxt 3 i18n setups often break existing routes when the routing strategy and locale definitions are not properly configured in the @nuxtjs/i18n module during initial installation.

Related Skills

Explore More Software Engineering Skills→
RajAryanIITBHURajAryanIITBHU

clerk-nuxt-patterns

Protect Nuxt 3 routes and Nitro API endpoints with Clerk authentication middleware.

Community
Intermediate
jfrometajfrometa

i18n-localization

Audit React, Vue, and Python codebases for hardcoded strings and missing translations.

Community
Basic
PP-NamiasPP-Namias
2

seo-optimization

Optimize meta tags, JSON-LD structured data, sitemaps, and semantic HTML.

Community
Intermediate
VKirillVKirill
15

i18n

Implement framework-specific locale routing and ICU message catalogs for Next.js and Nuxt.

Community
Advanced