Adding Multi-language Support
Learn how to internationalize your Next.js website using the Internationalizing Websites skill.
Why Internationalization Matters
- Reach global audiences
- Improve SEO for different regions
- Better user experience for non-English speakers
Install the Skill
mkdir -p ~/.claude/skills/awesomeskills/internationalizing-websites
curl -L https://raw.githubusercontent.com/littleben/awesomeAgentskills/main/internationalizing-websites/SKILL.md > ~/.claude/skills/awesomeskills/internationalizing-websites/SKILL.md
Getting Started
Ask Claude:
"Help me add Japanese language support to my Next.js website"
Key Concepts
Language Files Structure
i18n/
├── messages/
│ ├── en.json
│ └── ja.json
└── locale.ts
hreflang Tags
Essential for international SEO:
<link rel="alternate" hreflang="en" href="https://example.com/" />
<link rel="alternate" hreflang="ja" href="https://example.com/ja/" />
URL Structure
- English:
https://example.com/
- Japanese:
https://example.com/ja/
- Chinese:
https://example.com/zh/
Best Practices
- Use native speakers for translation review
- Maintain SEO keywords in each language
- Adapt content to local culture, don't just translate
- Test thoroughly in all supported languages