Интеллектуальная i18n

Name: Intlayer
Rating: 4.92 (64 reviews)
Author: Intlayer

Типобезопасный. Переводите с ИИ. Редактируйте визуально.

npx intlayer init

Определяйте переводы где угодно в вашей кодовой базе и ускоряйте разработку. Сохраняйте свой бандл максимально лёгким.

Поддержать проект Начать

Доступно для

База кода

Компилятор

Визуальный редактор

Перевести

Тест

// src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;

// src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};

Intlayer compiler

The Intlayer Compiler automatically extracts the content from the components and generates the dictionary files.

Попробуйте бесплатно, воспользовавшись песочницей.Перейти к плейграунду

Английский

Японский

Испанский

Русский

Французский

Китайский

Арабский

intlayer test

$ npx intlayer test

~/Desktop/MyApp

Повышайте поддерживаемость кода, сохраняя определения контента рядом с вашими компонентами. Уменьшайте избыточность, повышайте ясность и упрощайте обновления с помощью структурированного подхода, который делает ваш код более управляемым и масштабируемым.

Извлеките свой контент мгновенно с помощью Intlayer Compiler. Он автоматически сгенерирует необходимые файлы словаря для вашего контента, чтобы ваше приложение стало международным за одну секунду.

Используйте бесплатный визуальный редактор для легкого создания и управления сайтом. Создавайте, редактируйте и организуйте компоненты и страницы без необходимости работы с кодом, упрощая сотрудничество контент-менеджеров и разработчиков.

Расширьте охват с помощью встроенной поддержки перевода. Легко переводите свой контент, используя удобный интерфейс, обеспечивая плавный многоязычный опыт для пользователей без необходимости вручную управлять несколькими версиями контента.

Используйте Intlayer CLI для тестирования и автоматического заполнения вашего контента с помощью ИИ, чтобы все переводы были полными и точными.

Часто задаваемые вопросы

Интернационализация (i18n) - это процесс проектирования и разработки приложений, таких как Next.js, React или Express, для удобной поддержки нескольких языков. Она позволяет создавать многоязычные веб-сайты, упрощая процесс перевода. Инструменты, такие как TypeScript, облегчают реализацию i18n, позволяя эффективно и легко адаптировать ваше приложение к различным языкам и регионам.Узнайте больше о i18n

Intlayer - это пакет, который позволяет вам управлять вашим многоязычным веб-сайтом. Он предоставляет набор инструментов и утилит, которые облегчают настройку вашего веб-сайта для многоязычного контента и локализации.Узнайте больше о Intlayer

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

Intlayer интегрируется с Next.js, чтобы обеспечить рендеринг на стороне сервера и генерацию статических сайтов, делая доставку многоязычного контента более эффективной.Узнайте больше об интеграции с Next.js

Да, Intlayer предоставляет необязательный визуальный редактор для легкого управления содержимым, не углубляясь в код.Узнайте больше о визуальном редакторе

Вы можете внести свой вклад, отправив запросы на извлечение или сообщив об ошибках в репозитории GitHub.Узнайте больше о том, как внести свой вклад

Intlayer интегрирует подборку бесплатных пакетов NPM вместе с визуальным редактором. Кроме того, он предлагает CMS для внешнего управления контентом. Этот CMS бесплатен в использовании, но включает дополнительные функции для участников планов Premium и Enterprise.Узнайте больше о планах Intlayer

Intlayer доступен для React (включая Create React App), Vite с React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact и других. Это обеспечивает бесшовную интеграцию с современными JavaScript-фреймворками и серверными средами.Узнайте больше о поддерживаемых платформах

Да, Intlayer можно интегрировать в качестве обертки вокруг i18next, next-intl, vue-i18next и других. Это позволяет автоматизировать перевод и использовать Intlayer без необходимости рефакторить существующий код.

Прочитать все часто задаваемые вопросы