Next-Export-I18N V1.2.1: I18N с next.js и усами

Сегодня я выпустил Версия 1.2.1 из Next-Export-I18N , модуль i18n для next.js, который полностью совместим с Следующий экспорт Анкет

Установить Next-Export-I18N с $ npm i ext-export -i18n или посетите Next-Export-I18N v1.2.1 от npm.js.

Новая функция: динамические переводы + усы

Начиная с версии 1.2.1, теперь вы можете определить усы Шаблоны в вашем Перевод.json и заполните свою переведенную строку динамическим контентом на лету.

Перевод.json

{
    "myTemplate": "{{count}} times",
}

Module.js

    import { useTranslation} from 'next-export-i18n'
    const { t } = useTranslation();
    const key = 'myTemplate';
    let string = t(key, { count: 2 })) // string will be "2 times"

О следующем экспорте-I18N

Этот модуль NPM предоставляет простое решение для интернационализации (i18n) проектов с использованием Следующий экспорт .

Next.js уже имеет поддержку интернационализированной (I18N) маршрутизации из коробки. Вы можете предоставить список локалов, по умолчанию, а также для специфических для домена локали, а также Next.js автоматически обрабатывает маршрутизацию. Он оптимизирует гастролирующие и локальные анализа почти для всех существующих библиотечных решений L18N, доступных для следующих.js, таких как React-intl , React-I18Next , Лингви , Розетта , Next-intl Анкет

К сожалению, Next.js i18n-routing не поддерживает Следующий экспорт . Это означает, что Нет из I18N-Librares (которые используют сборку в I18N-Routing) способны поддерживать полностью статические сайты, которые генерируются с Следующий экспорт Анкет

Next-Export-I18N Предоставляет простое решение для интернационализации (i18n), когда вы хотите создать действительно статический веб -сайт с Следующий экспорт .

Прочитайте Введение в Next-Export-I18N Больше подробностей.

Образец реализации

Вы также можете взглянуть на пример реализации Next-Export-I18N-Example.vercel.App и его исходный код в GitHub: https://github.com/martinkr/next-export-i18n-example .

Ссылки

Next-Export-I18N модуль NPM
Next.js: i18n со статическими участками (введение)
Пример реализации: https://next-export-i18n-example.vercel.app
GitHub для NPM-модуля: https://github.com/martinkr/next-export-i18n
GitHub для примера: https://github.com/martinkr/next-export-i18n-example .

Следуй за мной на Twitter: @martinkr и подумайте о купить мне кофе

Фотография Джерри Чжан на Неспособный

Оригинал: “https://dev.to/martinkr/next-export-i18n-v121-i18n-with-nextjs-and-mustache-4fac”