Що нового

Локалізація на рівні компонентів

Name: Intlayer
Author: Intlayer

Типобезпечність. Перекладайте за допомогою ШІ. Редагуйте візуально.

Визначайте переклади поруч із компонентами, щоб прискорити розробку. Залишайте свій пакет таким легким, яким він має бути. Запрошуйте редакторів через CMS. Кожен внесок щиро цінується.

npx intlayer init

npx intlayer init

Підтримати проєкт Почати

Доступно для

Codebase

Compiler

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

Перекласти

Тест

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

Витягніть вміст миттєво за допомогою Intlayer Compiler. Він автоматично генерує необхідні файли словника для вашого вмісту, щоб інтернаціоналізувати ваше застосування за секунду.

Використовуйте безкоштовний візуальний редактор для легкого створення і керування сайтом. Створюйте, редагуйте і організуйте компоненти і сторінки без необхідності писати код, що спрощує співпрацю між менеджерами контенту і розробниками.

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

Використовуйте Intlayer CLI для тестування та заповнення вмісту за допомогою AI, щоб переконатися, що всі переклади є повними та точними.

Чому обрати Intlayer?

Безкоштовний та з відкритим вихідним кодом

Intlayer — безкоштовне програмне забезпечення з відкритим вихідним кодом, яке можна використовувати безкоштовно й доопрацьовувати відповідно до ваших потреб.

Керування контентом на основі JavaScript

Використовуйте гнучкість JavaScript, щоб ефективно визначати та керувати своїм контентом.

Типобезпечне середовище

Використовуйте TypeScript, щоб гарантувати точність визначень контенту та уникати помилок.

Оголошення на рівні компонентів

Розміщуйте переклади поруч із відповідними компонентами, що підвищує зручність підтримки та зрозумілість.

Спрощене налаштування

Починайте швидко з мінімальною конфігурацією, особливо оптимізовано для проєктів на Next.js.

Інтегрована CMS

Редагуйте контент безпосередньо на сайті за допомогою інтегрованої CMS. Прискорюйте створення контенту завдяки штучному інтелекту.

Технологія

Динамічне завантаження JSON

Ледаче завантаження перекладів під час виконання

Обмежений JSON (простори імен)

Простори імен перекладу для кожної сторінки

Переглянути бенчмарк Читати повний звіт

Бенчмарк продуктивності I18n

Що це за метрика?

Загальний стиснений у gzip розмір пакета бібліотеки інтернаціоналізації. Він включає лише провайдер та логіку отримання контенту після tree-shaking та мініфікації.

Чому це важливо?

Менший розмір бібліотеки зменшує початкове завантаження JavaScript, що призводить до швидшого завантаження та виконання на клієнті.

Перегляд як

i18n на основі коду

Типобезпечні переклади, що зберігаються у вашому репозиторії.

Оголошуйте контент поруч із компонентами у TypeScript або JavaScript. Intlayer автоматично генерує типи, забезпечуючи вам автодоповнення, валідацію та миттєвий зворотний зв'язок. Більше ніяких відсутніх ключів, перемикань контексту або зламаних реалізацій.

Почати кодування

AI CLI Tool

Автоматизуйте переклади зі свого терміналу.

CLI для аудиту, заповнення та перекладу JSON і Markdown за допомогою ШІ.

Запустіть `npx intlayer fill`, щоб виявити відсутні ключі та згенерувати переклади за допомогою OpenAI, Claude або локальних моделей. Зберігайте історію Git чистою.

Спробувати CLI

Intlayer TMS

Припиніть платити за слово. Автоматизуйте за допомогою ШІ.

Альтернатива з відкритим кодом для Crowdin і Lokalise. Створено для сучасних робочих процесів розробників.

Керуйте перекладами безпосередньо в коді або через візуальний редактор. Використовуйте ШІ для миттєвого перекладу. Співпрацюйте з командою без обмежень щодо кількості користувачів.

Переглянути TMS

Безголовий CMS

Поєднайте локальний код з віддаленим вмістом.

Керуйте багатомовним вмістом без додаткових витрат. Intlayer дозволяє поєднувати локальні словники з віддаленим керуванням, забезпечуючи миттєву синхронізацію для гарячих оновлень без перезбирання. Використовуйте вебхуки для CI/CD, керуйте прапорцями функцій і дозвольте ШІ для автоматичного перекладу (у розробці) подбати про решту.

Переглянути CMS

Перемикачі функцій

Перемикайте функції миттєво — без розгортання.

Словники Intlayer — це не лише текст. Використовуйте їх, щоб задавати логіку, стилі та об'єкти конфігурації. Завдяки Live Sync ви можете вмикати та вимикати функції, змінювати теми інтерфейсу та оновлювати поведінку застосунку в реальному часі безпосередньо з CMS.

Спробувати функції

A/B-тестування

Ваш майданчик для продуктових експериментів.

Станьте першими, хто дослідить нову бета-версію Intlayer — A/B-тестування на базі ШІ, створену, щоб підвищити видимість і допомогти приймати розумніші продуктові рішення. Тестуйте будь-що в реальному часі — від текстів і дизайну до цілих функцій — і дозвольте даним показати, що справді працює.

Переглянути A/B-тест

Попередній слайд←

Наступний слайд→

Доступно на

Спробуйте живу демонстрацію

Створено спільнотою

Познайомтеся з неймовірними учасниками, які роблять можливим Intlayer.

Приєднуйтесь до нас Переглянути всіх учасників

Часті запитання

Що таке інтернаціоналізація (i18n)?

Інтернаціоналізація (i18n) - це процес проектування та розробки додатків, таких як Next.js, React або Express, для зручної підтримки кількох мов. Вона дозволяє створювати багатомовні веб-сайти, спрощуючи процес перекладу. Інструменти, такі як TypeScript, полегшують реалізацію i18n, дозволяючи ефективно та легко адаптувати ваш додаток до різних мов та регіонів.Дізнайтеся більше про i18n

Які основні функції Intlayer?

Intlayer спрощує управління конфігурацією та дозволяє інтернаціоналізувати різні типи JavaScript-додатків, включаючи серверні компоненти. Він дозволяє оголошувати вміст безпосередньо поруч із компонентами, покращуючи підтримуваність кодової бази. Крім того, Intlayer використовує TypeScript, щоб запобігти відсутності декларацій. Нарешті, Intlayer пропонує візуальний редактор, дозволяючи нерозробникам редагувати вміст сайту, автоматично перекладати за допомогою ШІ та оптимізувати SEO додатку.Дізнайтеся більше про функції Intlayer

Чи є візуальний редактор у Intlayer?

Так, Intlayer надає необов'язковий візуальний редактор для легкого управління вмістом, не заглиблюючись у код.Дізнайтеся більше про візуальний редактор

Яка вартість використання Intlayer?

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

Чи можу я інтегрувати Intlayer на основі існуючих рішень?

Так, Intlayer можна інтегрувати як обгортку навколо i18next, next-intl, vue-i18next та інших. Це дозволяє автоматизувати переклад та використовувати Intlayer без необхідності рефакторити існуючий код.

Що таке Intlayer?

Intlayer - це пакет, який дозволяє вам керувати вашим багатомовним веб-сайтом. Він надає набір інструментів та утиліт, які полегшують налаштування вашого веб-сайту для багатомовного контенту та локалізації.Дізнайтеся більше про Intlayer

Як Intlayer інтегрується з Next.js?

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

Як я можу зробити внесок у Intlayer?

Ви можете зробити свій внесок, надіславши запити на витяг або повідомивши про помилки в репозиторії GitHub.Дізнайтеся більше про те, як зробити свій внесок

Які платформи підтримує Intlayer?

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

Прочитати всі часті запитання