A comprehensive implementation guide and toolset for full internationalization (i18n) and localized SEO in Next.js App Router applications.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install web-i18n-nextjs
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install web-i18n-nextjs using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is i18n for Next.js?
The i18n-nextjs skill provides a robust architectural framework for building multi-language web applications using the Next.js App Router. It moves beyond simple text translation by integrating locale-aware routing, automated SEO metadata, and structured data into the development lifecycle. By leveraging this within Openclaw Skills, developers can ensure their applications provide a native experience for global users while maintaining high technical standards for search engine visibility.
i18n for Next.js Use Cases
- Implementing full internationalization for new or existing Next.js web applications.
- Adding new languages to a project with automated dictionary management.
- Optimizing global search presence using localized SEO metadata and hreflang tags.
- Generating multi-language sitemaps that correctly reference locale alternates.
- Building localized UI components and structured JSON-LD data using Openclaw Skills patterns.
How i18n for Next.js Works
- Define the application's supported locales and identify the default language in the core configuration file.
- Organize translation strings into hierarchical JSON dictionaries located within the specialized app directory structure.
- Utilize server-side helpers to fetch translations during SSR and client-side hooks for interactive components.
- Configure middleware to detect user language preferences and manage clean URL routing for the default locale.
- Generate dynamic SEO metadata that includes alternate language links and OpenGraph locale fields.
- Produce a comprehensive multi-language sitemap that maps every page to its localized variants.
i18n for Next.js Setup
To integrate this internationalization pattern via Openclaw Skills, follow these initial configuration steps:
# 1. Create the locale configuration file
touch src/lib/i18n/locales.ts
# 2. Set up the dictionaries directory structure
mkdir -p src/app/[lang]/dictionaries/
# 3. Create your initial translation file (e.g., English)
touch src/app/[lang]/dictionaries/en.json
After initializing the files, update src/middleware.ts to handle locale-based redirects and path rewrites.
i18n for Next.js Data Schema & Taxonomy
The skill organizes internationalization data through a specific file taxonomy:
| Component | Path | Description |
|---|---|---|
| Dictionaries | src/app/[lang]/dictionaries/*.json |
One JSON file per locale containing hierarchical translation keys. |
| Config | src/lib/i18n/locales.ts |
Defines the list of supported locales and the default fallback language. |
| SEO Utils | src/lib/i18n/seo.ts |
Contains logic for generating hreflang alternates and metadata. |
| Components | src/components/ |
Includes LocalizedLink and LanguageSwitcher for UI navigation. |
i18n for Next.js Advanced Features
- Natural Idiomatic Translations: Encourages high-quality copywriting over machine translation for better user engagement.
- Clean URL Architecture: Supports SEO-friendly URLs that omit the locale prefix for the default language.
- Hreflang Automation: Automatically generates the full set of alternate language tags for every page, including x-default.
- Localized JSON-LD: Simplifies the creation of structured data schemas like WebApplication or FAQ with translated fields.
- Sitemap Sync: Ensures the multi-language sitemap stays in sync with the application's locale configuration within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
2slides
An AI-powered skill for generating professional presentations and slide decks from text content, documents, or reference images via the 2slides API.
Powerdrill Data Analysis
A sophisticated data exploration skill that uses the Powerdrill API to transform raw files into interactive insights, charts, and tables via natural language.
Powerdrill Data Analysis
A sophisticated AI skill for querying, visualizing, and analyzing datasets using the Powerdrill API.
apipick Telegram Phone Checker
A specialized tool for checking Telegram registration status and retrieving profile metadata for any international phone number.
DingTalk Calendar Management
An AI-powered skill to manage DingTalk calendars, attendee status, and meeting room reservations via the mcporter CLI.
A read-only Reddit scraper for AI agents that allows searching and browsing subreddits via the public JSON API without an API key.
Featured*
