Có gì mới
    Vừa phát hành v8.11.3

    i18n theo component

    Type-Safe. Translate with AI. Edit Visually.

    Định nghĩa bản dịch cạnh các component để tăng tốc phát triển của bạn. Giữ bundle nhẹ như vốn có. Mời biên tập viên qua CMS. Mọi đóng góp đều được trân trọng.

    npm install intlayer
    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.

    Tại sao chọn Intlayer?

    Miễn phí và mã nguồn mở

    Intlayer là miễn phí và mã nguồn mở, cho phép bạn sử dụng miễn phí và đóng góp để phù hợp với nhu cầu của mình.

    Quản lý nội dung bằng JavaScript

    Tận dụng tính linh hoạt của JavaScript để định nghĩa và quản lý nội dung một cách hiệu quả.

    Môi trường an toàn về kiểu

    Tận dụng TypeScript để đảm bảo mọi định nghĩa nội dung chính xác và không lỗi.

    Khai báo ở cấp component

    Giữ các bản dịch gần với component tương ứng, nâng cao khả năng bảo trì và tính rõ ràng.

    Cấu hình đơn giản

    Khởi động nhanh chóng với cấu hình tối thiểu, đặc biệt được tối ưu cho các dự án Next.js.

    CMS tích hợp

    Chỉnh sửa nội dung trực tiếp trên trang web của bạn bằng CMS tích hợp. Tăng cường việc tạo nội dung nhờ AI.

    Công nghệ

    Tải JSON động

    Tải chậm các bản dịch trong thời gian chạy

    JSON có phạm vi (phân không gian tên)

    Không gian tên dịch trên mỗi trang

    Xem điểm chuẩnĐọc báo cáo đầy đủ

    Điểm chuẩn hiệu suất I18n

    Không có dữ liệu

    Số liệu này là gì?

    Tổng kích thước nén gzip của gói thư viện quốc tế hóa. Nó chỉ bao gồm logic của nhà cung cấp và truy xuất nội dung sau khi tree-shaking và thu nhỏ (minification).

    Tại sao nó quan trọng?

    Kích thước thư viện nhỏ hơn giúp giảm tải trọng JavaScript ban đầu, tốc độ tải nhanh hơn.

    Xem dưới dạng

    Phân tích điểm số bản địa hóa toàn cầu của trang web của bạn

    Đánh giá nhanh và miễn phí chất lượng bản địa hóa trang web của bạn. Phân tích các yếu tố đa ngôn ngữ chính để có điểm số tổng quan và những gợi ý thực tiễn giúp cải thiện phạm vi tiếp cận.

    Gửi kiểm tra
    i18n dựa trên mã

    Bản dịch an toàn kiểu nằm trong kho lưu trữ của bạn.

    Khai báo nội dung cùng với các thành phần của bạn trong TypeScript hoặc JavaScript. Intlayer tự động tạo các kiểu, cung cấp cho bạn tự động hoàn thành, xác thực và phản hồi tức thì. Không còn thiếu khóa hay chuyển đổi ngữ cảnh.

    Bắt đầu lập trình
    AI CLI Tool

    Tự động hóa dịch thuật từ terminal của bạn.

    CLI để kiểm tra, điền và dịch JSON & Markdown bằng AI.

    Chạy `npx intlayer fill` để phát hiện các khóa bị thiếu và tạo bản dịch bằng OpenAI, Claude hoặc các mô hình cục bộ. Giữ lịch sử Git sạch sẽ và kiểu an toàn.

    Thử CLI
    Intlayer TMS

    Ngừng trả tiền theo từ. Tự động hóa bằng AI.

    Giải pháp mã nguồn mở thay thế cho Crowdin & Lokalise. Được xây dựng cho quy trình làm việc của nhà phát triển hiện đại.

    Quản lý bản dịch trực tiếp trong mã của bạn hoặc qua trình chỉnh sửa trực quan. Tận dụng AI để dịch ngay lập tức. Cộng tác với nhóm của bạn mà không giới hạn chỗ ngồi.

    Xem TMS
    CMS Headless

    Kết nối mã cục bộ của bạn với nội dung từ xa.

    Quản lý nội dung đa ngôn ngữ với chi phí bằng không. Intlayer cho phép bạn kết nối các từ điển cục bộ với quản lý từ xa, cho phép Live Sync để cập nhật nóng mà không cần xây dựng lại. Sử dụng webhook cho CI/CD.

    Xem CMS
    Cờ tính năng

    Chuyển đổi tính năng ngay lập tức. Không cần triển khai.

    Từ điển Intlayer không chỉ là văn bản. Sử dụng chúng để khai báo logic, kiểu dáng và cấu hình. Với Live Sync, bạn có thể bật/tắt tính năng, thay đổi giao diện và cập nhật hành vi ứng dụng theo thời gian thực trực tiếp từ CMS.

    Thử tính năng
    Kiểm thử AB

    Sân chơi để thử nghiệm sản phẩm của bạn.

    Hãy là người đầu tiên khám phá bản Beta mới của Intlayer: AI-driven A/B Testing, được xây dựng để tăng khả năng hiển thị và định hướng những quyết định sản phẩm thông minh hơn. Thử nghiệm mọi thứ theo thời gian thực, từ nội dung (copy) và thiết kế đến toàn bộ tính năng, và để dữ liệu cho bạn thấy điều gì thực sự hiệu quả.

    Xem thử nghiệm A/B

    Có sẵn trên

    Thử bản demo trực tiếp

    Được xây dựng bởi Cộng đồng

    Gặp gỡ những người đóng góp tuyệt vời làm cho Intlayer trở nên khả thi

    Tham gia với chúng tôiXem tất cả người đóng góp

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

    Internationalization (i18n) là gì?

    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

    Các tính năng chính của Intlayer là gì?

    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

    Có trình chỉnh sửa trực quan trong Intlayer không?

    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

    Chi phí sử dụng Intlayer là bao nhiêu?

    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

    Có thể tích hợp Intlayer trên các giải pháp hiện có không?

    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.

    Intlayer là gì?

    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 tích hợp với Next.js như thế nào?

    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

    Làm thế nào để tôi đóng góp cho Intlayer?

    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 hỗ trợ những nền tảng nào?

    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ợ
    Đọc tất cả các câu hỏi thường gặp