Next.js упрощает интернационализацию (i18n) благодаря использованию библиотек, таких как next-i18next, или разработке собственных решений. Этот процесс включает задачи, такие как перевод текста и контента, управление маршрутизацией на основе языка и реализация механизма, позволяющего пользователям легко переключаться между языками. Обеспечение эффективной интернационализации важно для того, чтобы ваше приложение было доступно широкой международной аудитории.
Next.js поддерживает интернационализированную маршрутизацию из коробки. Для реализации сначала определите локали и язык по умолчанию в файле next.config.js. Например:
module.exports = {
i18n: {
locales: ['en-US', 'fr', 'nl'],
defaultLocale: 'en-US',
},
}Это включает автоматическое определение языка, префиксирование URL и генерацию href для компонента Link.
Для перевода Next.js не предоставляет собственное решение, но он совместим с любой библиотекой, такой как react-intl или react-i18next. Импортируйте выбранную библиотеку и оберните ваше приложение ее провайдером, чтобы получить доступ к функциям перевода во всех ваших компонентах.
Для локализации дат, чисел и т.д. используйте встроенный в JavaScript API интернационализации (Intl).