i18n
This skill equips your Next.js App Router project with complete i18n capabilities using next-intl v4. It walks you through setting up locale-based routing, extracting user-facing strings into translation files, and scaling translations across 14+ languages via parallel Codex agents—then verifies the results to catch missing keys or residual English content.
i18n adds full internationalization to Next.js using next-intl, supporting 14+ languages with SEO-friendly routing and bulk translation.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
i18n adds full internationalization to Next.js using next-intl, supporting 14+ languages with SEO-friendly routing and bulk translation. This skill equips your Next.js App Router project with complete i18n capabilities using next-intl v4. It walks you through setting up locale-based routing, extracting user-facing strings into translation files, and scaling translations across 14+ languages via parallel Codex agents—then verifies the results to catch missing keys or residual English content.
Use it when
- i18n's next-intl implementation covers configuration with App Router, language switching setup.
- i18n walks you through setting up a multi-language Next.js project by configuring next-intl with locale prefixes.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
OpenClaudia/openclaudia-skills/i18n · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I add internationalization to Next.js?
i18n provides a complete setup for adding internationalization to Next.js using next-intl v4 with the App Router. The skill guides you through configuring locale-based routing, extracting user-facing strings into translation files, and deploying multi-language support across your application with built-in verification to catch missing translations.
What does i18n's next-intl implementation include?
i18n's next-intl implementation covers configuration with App Router, language switching setup, SEO-friendly locale routing with hreflang sitemaps, and RTL language support for locales like Arabic. It automates extraction of translatable content and enables bulk translation across 14+ languages using parallel Codex agents.
How can I set up multi-language Next.js project with i18n?
i18n walks you through setting up a multi-language Next.js project by configuring next-intl with locale prefixes, extracting strings into translation files, and scaling translations across 14+ languages. The skill includes verification tools to ensure no keys are missing and residual English content is removed from your localized app.
Does i18n support SEO-friendly locale routing?
Yes, i18n sets up SEO-friendly locale routing with hreflang sitemaps to signal language and regional variants to search engines. Combined with next-intl's App Router configuration, this ensures proper indexing and ranking for each language version of your Next.js website.
Can i18n translate content to multiple languages at scale?
i18n enables bulk translation of Next.js content across 14+ languages using parallel Codex agents for efficient processing. The skill extracts all user-facing strings, coordinates parallel translation workflows, and verifies results to catch missing keys or incomplete translations before deployment.
Does i18n support RTL languages like Arabic?
Yes, i18n enables RTL language support and locale-specific rendering for right-to-left languages like Arabic. The skill handles directional CSS adjustments and ensures your Next.js app displays correctly across both LTR and RTL locales with proper text alignment and component orientation.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Internationalize a Next.js Project
Add complete internationalization to a Next.js (App Router) project using next-intl v4. This skill handles routing, translation files, sitemap hreflang, and bulk translation across all locales.
Step 1: Assess the Project
- Check the Next.js version (
package.json) — must be 13+ with App Router - Check if i18n is already partially set up (look for
next-intl,next-i18next,[locale]routes) - Identify all pages/routes that need translation
- Identify all user-facing strings (hardcoded text in components)
- Ask the user which locales to support (default recommendation: en, es, fr, de, pt, ja, ar, zh, zh-tw, id, vi, ms, ru, hi)
Step 2: Install Dependencies
npm install next-intl
Step 3: Create i18n Configuration Files
Create 4 files
(truncated - see the full file via the links below)
File tree — 1 file
skills/i18n/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Add full internationalization and multi-language support to Next.js”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill guides you through adding multiple language versions to Next.js websites while maintaining search engine optimization. It covers preparing translation files, configuring language routing, setting up hreflang tags and localized sitemaps, and validating your setup across all language versions. The workflow includes automated scripts for adding languages and a comprehensive testing checklist to ensure proper SEO implementation.
Master the distinction between internationalization (i18n) and localization (l10n) to build globally-ready applications. This skill covers architecture patterns for organizing translation files, naming conventions for translation keys, and implementation examples across React, Vue, and Next.js frameworks. You'll also learn to handle complex scenarios like pluralization, date/number/currency formatting using the Intl API, and support for right-to-left languages.
Internationalization guides you through launching and maintaining a site across multiple languages and regions. It covers five interconnected layers: URL structure (subfolders, subdomains, ccTLDs), content organization patterns, hreflang implementation, translation workflow design, and locale-specific UX decisions like currency, date formats, and RTL layout.
Localization-strategy guides SaaS and AI products through structured global expansion beyond simple translation. It covers market prioritization, i18n technical implementation (URL structure, hreflang, metadata), keyword research by region, and pricing adaptation strategies. The skill includes checklists for launching new features across locales and onboarding entirely new markets while avoiding common pitfalls like batch publishing penalties and hreflang misalignment.
Build applications ready for international audiences with comprehensive guidance on text externalization, message formatting, and locale-specific adaptations. Learn to handle dates, times, numbers, currency, and right-to-left layouts using modern APIs and libraries like react-intl. Covers practical implementation patterns and best practices for managing translations and regional variations across your codebase.
This skill guides you through building a complete internationalization layer for frontend applications. It covers library selection, dictionary organization, provider configuration, and implementing locale-aware formatting for dates, numbers, and currency. You'll also learn to add language switching UI and support for plural rules across your app.
More skills hebrew-i18n (MIT) · software-localisation (MIT) · blog-translate (MIT) · i18n-localization (MIT)