home/productivity/next-intl-add-language-prompt-2

Next Intl Add Language.prompt

GPTClaudeDeepSeek··▲ 1,200 copies·updated 2026-07-14

next-intl-add-language-prompt-2.prompt

---
mode: 'agent'
tools: ['changes','codebase', 'edit/editFiles', 'findTestFiles', 'search', 'writeTest']
description: 'Add new language to a Next.js + next-intl application'
---

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`.

when to use it

Community prompt sourced from the open-source GitHub repo sEbas12312nft/awesome-copilot (MIT). A "Next Intl Add Language.prompt" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.