Щойно випущено v9.6.0

    Інтелектуальна i18n

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

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

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

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

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

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

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

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

    Інтернаціоналізація (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 без необхідності рефакторити існуючий код.

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