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

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

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

    npm install intlayer

    Доступно для

    // 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 test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

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

    Витягніть вміст миттєво за допомогою 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 чистою.

    Intlayer TMS

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

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

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

    Безголовий CMS

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

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

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

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

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

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

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

    Станьте першими, хто дослідить нову бета-версію Intlayer — 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-фреймворками та серверними середовищами.Дізнайтеся більше про підтримувані платформи
    Прочитати всі часті запитання