Спросите свой вопрос и получите сводку документа, используя эту страницу и выбранного вами поставщика AI
Интеграция сервера MCP Intlayer в ваш любимый AI-ассистент позволяет получать все документы непосредственно из ChatGPT, DeepSeek, Cursor, VSCode и т.д.
Просмотр документации сервера MCPСодержимое этой страницы было переведено с помощью ИИ.
Смотреть последнюю версию оригинального контента на английскомЕсли у вас есть идея по улучшению этой документации, не стесняйтесь внести свой вклад, подав запрос на вытягивание на GitHub.
Ссылка на документацию GitHubКопировать Markdown документа в буфер обмена
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", // испанский }), },} 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, плавно адаптирующаяся к сложным структурам приложений. |
| Организованная кодовая база | Поддерживайте вашу кодовую базу более организованной: 1 компонент = 1 словарь в той же папке. |
| Автоматический перевод в CI | Автоматически заполняйте ваши переводы в CI, используя собственный API-ключ OpenAI, исключая необходимость в платформе локализации (L10n). |
| Интеграция MCP сервера | Обеспечивает MCP (Model Context Protocol) сервер для автоматизации IDE, позволяя бесшовно управлять контентом и рабочими процессами интернационализации (i18n) непосредственно в вашей среде разработки. Узнать больше. |
| Поддержка Markdown | Импорт и интерпретация файлов markdown для многоязычного контента, такого как политики конфиденциальности. |
| Бесплатный визуальный редактор и CMS | Бесплатный визуальный редактор и CMS доступны, если вам нужно работать с авторами контента для ваших переводов, что вновь устраняет необходимость в платформе локализации и позволяет вынести контент за пределы кодовой базы. |
| Упрощённый доступ к контенту | Нет необходимости вызывать функцию t для каждого элемента контента; получите весь ваш контент напрямую, используя один хук. |
| Последовательная реализация | Одинаковая реализация как для клиентских, так и для серверных компонентов, нет необходимости передавать функцию t через каждый серверный компонент. |
| Контент с возможностью tree-shaking | Контент поддерживает tree-shaking, что уменьшает размер итогового бандла. |
| Неблокирующий статический рендеринг | Intlayer не блокирует статический рендеринг, в отличие от next-intl. |
| Взаимодействие | Обеспечивает взаимодействие с react-i18next, next-i18next, next-intl и react-intl. |
История документации
- 5.5.10 - 2025-06-29: Инициализация истории