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

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

    npx intlayer init

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

    Доступно для

    // 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. Прискорюйте створення контенту завдяки штучному інтелекту.

    Технологія

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

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

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

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

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

    Проаналізуйте глобальний показник локалізації вашого вебсайту

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

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

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

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

    AI CLI Tool

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

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

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

    Intlayer TMS

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

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

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

    Безголовий CMS

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

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

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

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

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

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

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

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

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

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

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