Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multilingual, language switch, locale routing, or formatters.
View on GitHubFebruary 2, 2026
Select agents to install to:
npx add-skill https://github.com/fusengine/agents/blob/main/plugins/nextjs-expert/skills/nextjs-i18n/SKILL.md -a claude-code --skill nextjs-i18nInstallation paths:
.claude/skills/nextjs-i18n/# Next.js 16 Internationalization Complete i18n solution with next-intl or DIY dictionary approach. ## Agent Workflow (MANDATORY) Before ANY implementation, launch in parallel: 1. **fuse-ai-pilot:explore-codebase** - Analyze existing i18n setup and message files 2. **fuse-ai-pilot:research-expert** - Verify latest next-intl docs via Context7/Exa 3. **mcp__context7__query-docs** - Check locale config and patterns After implementation, run **fuse-ai-pilot:sniper** for validation. --- ## Overview ### When to Use - Building multilingual Next.js 16 applications - Need locale-based routing with `[locale]` dynamic segment - Implementing language switcher and URL localization - Formatting dates, numbers, currencies, and relative times per locale - SEO optimization with hreflang tags and localized metadata - Supporting right-to-left (RTL) languages ### Why next-intl | Feature | Benefit | |---------|---------| | App Router native | Full Server Components support | | Type-safe messages | TypeScript autocompletion for keys | | ICU MessageFormat | Pluralization, gender, select expressions | | Async message loading | Load translations on-demand per locale | | proxy.ts compatible | Works with Next.js 16 proxy pattern | | Rich formatting | Dates, numbers, lists, relative time | --- ## Two Approaches ### 1. next-intl (Recommended) Full-featured library with routing, formatting, and type safety. Best for production applications needing comprehensive i18n support. ### 2. DIY Dictionary Lightweight approach using dynamic imports for simple translation needs. Good for projects wanting minimal dependencies. --- ## SOLID Architecture ### Module Structure All i18n code organized in `modules/cores/i18n/`: - **config/** - Routing configuration, locale definitions - **interfaces/** - TypeScript types for messages and locales - **services/** - Request handlers, message loaders - **messages/** - JSON translation files per locale ### File Locations - `src/modules/cores/i1