Intlayer: Более близкий способ перевода вашего приложения

Intlayer — это библиотека интернационализации, специально разработанная для разработчиков JavaScript. Она позволяет объявлять ваш контент в любом месте вашего кода. Она преобразует объявления многоязычного контента в структурированные словари для легкой интеграции в ваш код. Используя TypeScript, Intlayer делает вашу разработку более надежной и эффективной.

Пример использования

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";const componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",      ru: "Привет, мир",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";export const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

Почему выбрать Intlayer?

• Управление контентом на основе JavaScript: Используйте гибкость JavaScript для эффективного определения и управления вашим контентом.
• Безопасная среда с типами: Используйте TypeScript, чтобы гарантировать точность и отсутствие ошибок в определениях контента.
• Интегрированные файлы контента: Держите переводы рядом с их соответствующими компонентами, улучшая удобство сопровождения и ясность.
• Упрощенная настройка: Быстро начните работу с минимальной конфигурацией, особенно оптимизированной для проектов Next.js.
• Поддержка серверных компонентов: Идеально подходит для серверных компонентов Next.js, обеспечивая плавный рендеринг на стороне сервера.
• Улучшенная маршрутизация: Полная поддержка маршрутизации приложений Next.js, адаптируясь к сложным структурам приложений.
• Совместимость: Обеспечивает совместимость с react-i18next, next-i18next, next-intl и react-intl.