next-intl-add-language

Par github · awesome-copilot

Ajouter une nouvelle langue à une application Next.js + next-intl

npx skills add https://github.com/github/awesome-copilot --skill next-intl-add-language

Ceci est un guide pour ajouter une nouvelle langue à un projet Next.js utilisant next-intl pour l'internationalisation.

  • Pour l'i18n, l'application utilise next-intl.
  • Toutes les traductions se trouvent dans le répertoire ./messages.
  • Le composant UI est src/components/language-toggle.tsx.
  • La configuration du routage et du middleware sont gérées dans :
    • src/i18n/routing.ts
    • src/middleware.ts

Lors de l'ajout d'une nouvelle langue :

  • Traduisez tout le contenu de en.json vers la nouvelle langue. L'objectif est d'avoir toutes les entrées JSON dans la nouvelle langue pour une traduction complète.
  • Ajoutez le chemin dans routing.ts et middleware.ts.
  • Ajoutez la langue à language-toggle.tsx.

Skills similaires

accessibility-audit
webflow / webflow-skills

Auditer l'accessibilité WCAG 2.1 de pages Webflow et corriger automatiquement les problèmes détectés.

67
shopify-hydrogen
shopify / shopify-ai-toolkit

Implémenter des fonctionnalités Hydrogen Shopify via des recettes de cookbook prêtes à l'emploi.

321
nextjs16-skills
elophanto / elophanto

Maîtriser Next.js 16 : nouveautés, migrations et breaking changes essentiels.

72
flutter-setup-localization
flutter / skills

Internationaliser une application Flutter avec localisation ARB et génération de code.

1 972
screen-reader-testing
wshobson / agents

Tester l'accessibilité web avec les lecteurs d'écran VoiceOver, NVDA et JAWS.

35 431