Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
A step-by-step guide for adding internationalization to Next.js App Router projects. Covers translation file structure, locale routing, SEO metadata per locale, hreflang tags, JSON-LD structured data, and multi-language sitemap generation. No hardcoded strings — every user-facing element is expected to support all configured locales.
Covers the full i18n surface area in one guide — routing, metadata, structured data, and sitemaps — so nothing gets missed when launching in a new language.
When to use it
- Adding a new language to an existing Next.js site
- Setting up hreflang tags for multi-region SEO
- Translating page metadata and Open Graph fields per locale
- Generating a sitemap that includes all locale variants
- Wiring up a language switcher with correct URL prefixing
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: add Spanish support to my Next.js site
- 1Add 'es' to the locales array in src/lib/i18n/locales.ts
- 2Create src/app/[lang]/dictionaries/es.json with translated keys from en.json
- 3Register the new dictionary in the dictionaries.ts import map
- 4Add 'Español' to the LanguageSwitcher languageNames map
- 5Sync the sitemap locale list and redeploy the sitemap
Spanish pages available at /es/*, with correct hreflang alternates, translated metadata, and sitemap entries