Internationalization (i18n) - next-intl

Implement next-intl translations and locale routing in Next.js App Router apps.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/theofernandezz/ai-library --skill internationalization-i18n-next-intl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Internationalization (i18n) - next-intl
Source: https://github.com/theofernandezz/ai-library/tree/main/.opencode/skills/generic/i18n
Command: npx skills add https://github.com/theofernandezz/ai-library --skill internationalization-i18n-next-intl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Efficiently implement translations and locale handling in Next.js apps.

Core Features & Use Cases

  • Centralized locale configuration and middleware for Next.js App Router.
  • Message namespace management and translation loading at server and client boundaries.
  • Real-world use cases include multilingual product apps, admin dashboards, and localized content delivery.

Quick Start

Configure locales and messages, then wire up Next.js app routes for language switching.

Frequently Asked Questions about Internationalization (i18n) - next-intl

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

FAQPage Schema
How do I implement i18n in a Next.js App Router project?

You can implement i18n in a Next.js App Router project by configuring centralized locales, loading message namespaces, and wiring up routes using next-intl APIs for efficient language switching.

How does next-intl handle translations across server and client components?

next-intl handles translations across server and client components using a provider-based architecture, managing message loading at server and client boundaries to ensure consistent localized content delivery.

What is the best way to structure messages and locales for multilingual Next.js apps?

The best way to structure messages and locales for multilingual Next.js apps is using message files for supported locales with proper ICU formatting and multiple namespaces managed via next-intl.

Can I use next-intl for localized admin dashboards and product apps?

Yes, you can use next-intl for localized admin dashboards and multilingual product apps, as it supports real-world use cases including localized content delivery and efficient locale routing.

Does next-intl require middleware for locale routing in Next.js?

Yes, next-intl requires middleware for locale routing in Next.js App Router projects, utilizing centralized locale configuration to efficiently direct users to their appropriate language routes.

Why use ICU formatting with next-intl translations?

ICU formatting is required with next-intl translations to properly handle complex pluralization and gender rules across supported locales, ensuring accurate message rendering in your multilingual Next.js application.