Vừa phát hành v9.6.0

    Internationalization Layer

    Type-Safe. Translate with AI. Edit Visually.

    npx intlayer init

    Định nghĩa bản dịch ở bất kỳ đâu bạn muốn trong codebase và tăng tốc phát triển của bạn. Giữ bundle nhẹ như vốn có.

    Hỗ trợ dự ánBắt đầu

    Có sẵn cho

    // 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>  );};
    Dùng thử miễn phí với playground.Đi tới playground
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    Cải thiện khả năng bảo trì mã bằng cách giữ các định nghĩa nội dung gần với components của bạn. Giảm sự trùng lặp, tăng tính rõ ràng và đơn giản hóa việc cập nhật thông qua một cách tiếp cận có cấu trúc, giúp mã của bạn dễ quản lý và mở rộng theo thời gian.

    Trích xuất nội dung của bạn ngay lập tức với Intlayer Compiler. Nó sẽ tự động tạo ra các tệp từ điển cần thiết để nội dung của bạn quốc tế hóa ứng dụng chỉ trong chớp mắt.

    Tận dụng Visual Editor miễn phí để xây dựng và quản lý trang web một cách dễ dàng. Tạo, chỉnh sửa và tổ chức components và trang mà không cần chạm vào mã, giúp content managers và developers cộng tác hiệu quả hơn.

    Mở rộng phạm vi tiếp cận với hỗ trợ dịch tích hợp sẵn. Dễ dàng dịch nội dung bằng giao diện trực quan, đảm bảo trải nghiệm đa ngôn ngữ liền mạch cho người dùng mà không phải tốn công quản lý nhiều phiên bản nội dung thủ công.

    Sử dụng Intlayer CLI để kiểm tra và bổ sung nội dung bằng AI, đảm bảo tất cả các bản dịch đều đầy đủ và chính xác.

    Câu hỏi thường gặp

    Internationalization (i18n) là quá trình thiết kế và phát triển các ứng dụng như Next.js, React hoặc Express để dễ dàng hỗ trợ nhiều ngôn ngữ. Nó cho phép bạn tạo các trang web đa ngôn ngữ bằng cách đơn giản hóa quy trình dịch. Các công cụ như TypeScript giúp việc triển khai i18n dễ dàng hơn, cho phép ứng dụng của bạn được điều chỉnh hiệu quả cho các ngôn ngữ và vùng miền khác nhau.Tìm hiểu thêm về i18n

    Intlayer là một package giúp bạn quản lý website đa ngôn ngữ. Nó cung cấp bộ công cụ và tiện ích giúp bạn dễ dàng cấu hình website cho nội dung đa ngôn ngữ và localization.Tìm hiểu thêm về Intlayer

    Intlayer đơn giản hóa quản lý cấu hình và cho phép internationalization cho nhiều loại ứng dụng JavaScript khác nhau, bao gồm cả server components. Nó cho phép khai báo nội dung ngay bên cạnh các component, giúp cải thiện khả năng bảo trì codebase. Ngoài ra, Intlayer tận dụng TypeScript để tránh thiếu các khai báo. Cuối cùng, Intlayer cung cấp một visual editor, cho phép người không phải lập trình viên chỉnh sửa nội dung trang web, dịch tự động bằng AI và tối ưu hoá SEO của ứng dụng.Tìm hiểu thêm về các tính năng của Intlayer

    Intlayer tích hợp với Next.js để hỗ trợ server-side rendering và static site generation, giúp việc phân phối nội dung đa ngôn ngữ hiệu quả hơn.Tìm hiểu thêm về tích hợp với Next.js

    Có, Intlayer cung cấp một visual editor tùy chọn để quản lý nội dung một cách dễ dàng mà không cần can thiệp vào mã.Tìm hiểu thêm về visual editor

    Bạn có thể đóng góp bằng cách gửi pull request hoặc báo cáo issue trên repository GitHub.Tìm hiểu thêm về cách đóng góp

    Intlayer tích hợp một số package NPM miễn phí cùng với một visual editor. Ngoài ra, nó cung cấp một CMS để tách nội dung ra khỏi mã. CMS này miễn phí để sử dụng nhưng có các tính năng bổ sung cho người dùng theo gói Premium và Enterprise.Tìm hiểu thêm về các gói Intlayer

    Intlayer có sẵn cho React (bao gồm Create React App), Vite với React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact và nhiều nền tảng khác. Điều này đảm bảo tích hợp liền mạch với các framework JavaScript hiện đại và các môi trường server-side.Tìm hiểu thêm về các nền tảng được hỗ trợ

    Vâng, Intlayer có thể được tích hợp như một trình bao quanh i18next, next-intl, vue-i18next và nhiều hơn nữa. Điều này cho phép bạn tự động hóa việc dịch và sử dụng Intlayer mà không cần phải refactor lại mã nguồn hiện tại của bạn.

    Đọc tất cả các câu hỏi thường gặp