Skillshub next-intl-add-language

Name: next-intl-add-language
Author: ComeOnOliver

Add new language to a Next.js + next-intl application

install

source · Clone the upstream repo

git clone https://github.com/ComeOnOliver/skillshub

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/ComeOnOliver/skillshub "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/github/awesome-copilot/next-intl-add-language" ~/.claude/skills/comeonoliver-skillshub-next-intl-add-language && rm -rf "$T"

manifest: skills/github/awesome-copilot/next-intl-add-language/SKILL.md

source content

This is a guide to add a new language to a Next.js project using next-intl for internationalization,

For i18n, the application uses next-intl.
All translations are in the directory
```
./messages
```
.
The UI component is
```
src/components/language-toggle.tsx
```
.
Routing and middleware configuration are handled in:
- ```
src/i18n/routing.ts
```
- ```
src/middleware.ts
```

When adding a new language:

Translate all the content of
```
en.json
```
to the new language. The goal is to have all the JSON entries in the new language for a complete translation.
Add the path in
```
routing.ts
```
and
```
middleware.ts
```
.
Add the language to
```
language-toggle.tsx
```
.