Mọi bản demo đều được thuyết minh từ đầu đến cuối. Hầu hết cũng nằm ngay trên phần mà chúng hướng dẫn — liên kết bên dưới mỗi video sẽ đưa bạn đến đó. Hãy bắt đầu với video giải thích; sau đó xem lần lượt phần khái niệm; các video còn lại bạn có thể xem để tham khảo.
Bắt đầu từ đây
Langsys là gì, toàn bộ quá trình thiết lập trong một lần quay, và ý tưởng cốt lõi mà mọi ngôn ngữ đều cần — câu phẳng.
Xem · 1:17Langsys là gì?Một SDK trong ứng dụng của bạn và một Translation Manager được lưu trữ sẵn: cách một cụm từ tự đăng ký khi chạy, bản dịch đến từ đâu, và một bài viết blog đăng lúc 09:00 sẽ đến tay độc giả ở Madrid bằng tiếng Tây Ban Nha lúc 09:03 — không cần build, không cần khóa ghi. Trên trang: /learnXem · 4:13Bắt đầu từ A đến ZTạo dự án và các ngôn ngữ của dự án, tạo khóa Read & Write, cài đặt và khởi tạo SDK, rồi xem t(), <Translate>, <Phrase> và <DontTranslate> đăng ký các cụm từ của chúng và ứng dụng chuyển sang tiếng Tây Ban Nha và tiếng Pháp mà không cần tải lại trang. Trên trang: /learn/quickstartXem · 1:14Số nhiềuVì sao một câu thay đổi theo con số, vì sao đoạn if (count === 1) dùng để xử lý chuyện đó thực chất là ngữ pháp tiếng Anh nằm trong mã của bạn, và cách viết câu ở dạng phẳng giúp bạn có đủ mọi nhánh cho mọi ngôn ngữ. Trên trang: /learn/concepts/locale-store
Lộ trình khái niệm
Năm mô-đun ngắn theo thứ tự, mô-đun sau tiếp nối mô-đun trước. Không hiển thị cú pháp riêng của SDK nào trên màn hình — các video này đi kèm với các trang Khái niệm.
Xem · 0:30Quy trình làm việcVấn đề — bản dịch phải đi vòng qua một quy trình xử lý, và Langsys loại bỏ vòng đi vòng lại đó. Trên trang: /learn/concepts/how-it-worksXem · 0:42Các tệp chínhĐiểm bắt đầu của một dự án, loại khóa mà các giải pháp i18n khác buộc bạn phải tự nghĩ ra, và thứ thay thế nó. Trên trang: /learn/concepts/token-discoveryXem · 0:36Kho ngôn ngữCách ngôn ngữ đang dùng được lưu giữ và chuyển đổi. Trên trang: /learn/concepts/locale-storeXem · 1:30Khóa & môi trườngTại sao khóa có khả năng đăng ký không bao giờ được phát hành, tại sao chỉ đọc là ngõ cụt, và khóa nào dùng ở đâu — sau đó là bài đăng blog lúc 09:00: những gì rời khỏi trình duyệt và ai đăng ký trực tiếp. Trên trang: /learn/concepts/keys-and-environmentsXem · 0:30Thêm một ngôn ngữThêm một ngôn ngữ mới chỉ là một thiết lập của dự án — cụm từ mới được dịch ngay khi xuất hiện, chạy một lần là điền nốt phần còn lại. Trên trang: /learn/concepts/adding-a-locale
Svelte, từng API một
Một đoạn cắt cho mỗi primitive trên langsys-js-svelte. Các binding khác dùng chung bề mặt API; chỉ có cú pháp là khác.
Xem · 1:00Svelte: hướng dẫn từng bướcNhững điều mà các giải pháp i18n khác khiến bạn phải tự xoay xở: một lệnh gọi, một lần chuyển ngôn ngữ, vì sao tiếng Tây Ban Nha "phẳng" là sai với một nửa người dùng của bạn, và ICU select giải quyết chuyện đó như thế nào. Trên trang: /learn/sdk/svelteXem · 1:09t(phrase, category, params)Mở đầu bằng vấn đề tệp khóa, sau đó là ba đối số, placeholder ICU và dạng số nhiều. Trên trang: /learn/sdk/svelteXem · 1:06<Phrase>Một câu có chứa markup bên trong, được giữ thành một cụm từ duy nhất, và lý do tham số của nó là %name%. Trên trang: /learn/sdk/svelteXem · 1:04<Translate>Một thẻ đăng ký cả một vùng, và lý do vì sao một khối hiệu quả hơn việc gọi hàm cho từng dòng. Trên trang: /learn/sdk/svelteXem · 0:34<DontTranslate>Tên thương hiệu và mã định danh được giữ nguyên văn, không tách ra khỏi câu. Trên trang: /learn/sdk/svelteXem · 0:42Khối nội dungKhối nội dung là gì — một phần được đăng ký như một đơn vị, nhưng vẫn gồm các cụm từ có thể tái sử dụng riêng lẻ. Trên trang: /learn/sdk/svelteXem · 0:34Danh mụcVì sao i18n phải tạo ra các khóa, và thứ thay thế chúng — cùng một từ nhưng hai nghĩa, và các cặp mà nó tách thành. Trên trang: /learn/sdk/svelteXem · 0:39Hòa hợp về giớiPhần điều kiện mà các thư viện i18n khác để lại trong component của bạn, và các nhánh mà Langsys tạo ra thay thế. Trên trang: /learn/sdk/svelteXem · 1:07Thuộc tínhMột biểu mẫu dịch dở dang trông như thế nào với người dùng, và cách một <Translate> xử lý được placeholder, alt text và aria label trong cùng một lượt. Trên trang: /learn/sdk/svelteXem · 0:46Số & ngày thángSố và ngày theo CLDR — vì sao nhóm chữ số là một mẫu hình chứ không phải một dấu phân cách, và vì sao số đơn hàng phải được truyền dưới dạng chuỗi. Trên trang: /learn/sdk/svelte
Translation Manager
app.langsys.dev không có mã trên màn hình — dành cho người phụ trách nội dung, ngôn ngữ, khóa và hóa đơn.
Xem · 3:02Quản lý bản dịchRiêng Manager, dành cho người phụ trách nội dung: chỉnh sửa bản dịch máy, Update Memory, AI Translate với Auto-next qua hàng đợi, Never Translate, và một Translator chỉ được mời cho tiếng Tây Ban Nha. Trên trang: /learn/dashboardXem · 2:47Bộ nhớ dịchDự án thứ hai xuất hiện với dữ liệu đã đầy đủ — dòng giỏ hàng đã sửa cùng huy hiệu của tác giả được giữ nguyên, không cần gọi mô hình nào. Trên toàn tổ chức, mỗi câu chỉ có một mục cho mỗi ngôn ngữ. Trên trang: /learn/dashboardXem · 2:24Cài đặt Trình dịch AIMọi công tắc trên tab đều được trình bày: tùy chỉnh theo từng dự án, Use AI Translations, bật và tắt tự động dịch, tự động nhận diện ngôn ngữ khi một cụm từ đến đã ở dạng tiếng Tây Ban Nha. Trên trang: /learn/concepts/keys-and-environmentsXem · 1:49Thêm ngôn ngữThêm tiếng Đức vào một dự án đang chạy: chính sách được đặt ở chế độ hỏi trước, hộp thoại tính giá chính xác cho danh mục hiện có, và kho chuyển sang tiếng Đức mà không cần build hay triển khai gì. Trên trang: /learn/concepts/adding-a-localeXem · 1:30Bắt kịp tiến độ một ngôn ngữCác thao tác hàng loạt của Manager cho một ngôn ngữ bị tụt lại — AI Translate Pending cho một ngôn ngữ, rồi cho toàn bộ dự án. Trên trang: /learn/concepts/adding-a-localeXem · 1:38Dịch một khối nội dungMột vùng <Translate> dưới dạng một khối trong Manager: bản gốc bên cạnh bản tiếng Ý chưa dịch, AI Translate đang điền các đoạn, một đoạn được chỉnh lại câu chữ thủ công, và câu <DontTranslate> được giữ lại không dịch. Trên trang: /learn/concepts/token-discoveryXem · 1:30Khóa API trong môi trường productionMột khóa sau khi đã đưa vào sử dụng: trang Hoạt động với một tuần lượt đọc thực tế, tạm dừng khóa mà không cần xóa, và xoay khóa ngay trước ống kính. Trên trang: /learn/concepts/keys-and-environmentsXem · 1:48Một tổ chức, nhiều dự ánTổ chức là nơi mọi dự án khởi đầu: ngôn ngữ mặc định, cài đặt AI Translator và Thanh toán, cùng một dự án được chuyển về chế độ kế thừa các cài đặt đó. Trên trang: /learn/dashboardXem · 2:22Mức sử dụng & creditHai bộ đếm và cách một dự án được cấp vốn: mức sử dụng API so với gói dịch vụ, tín dụng trả trước và miễn phí, chuyển tín dụng vào dự án, cùng hạn mức hằng tháng và tính năng tự động nạp lại. Trên trang: /learn/dashboardXem · 1:26Gói dịch vụ & thanh toánTham quan những thông tin đang lưu: gói dịch vụ và chu kỳ thanh toán, Change Plan, Payment Methods, Addresses và Invoices — mọi hộp thoại đều được hủy. Trên trang: /learn/dashboardXem · 1:13Thông báoHộp thư đến và các bộ lọc của nó, sau đó là các mặc định của tài khoản theo thông báo trong ứng dụng và email, cùng với việc bật rồi tắt lại tùy chọn ghi đè theo từng dự án. Trên trang: /learn/dashboardXem · 1:47Kết nối trợ lý AI của bạnLangsys bên trong trợ lý AI thông qua máy chủ MCP được lưu trữ: claude mcp add, màn hình Authorize Access, một câu trả lời thực tế về các ngôn ngữ của Store, và kết nối bị thu hồi từ mục Security. Trên trang: /learn/dashboard
Các bản dựng được kết xuất từ các bản gốc langsys-demo-videos và được đăng trong kho langsys-demos — chính là các ứng dụng demo mà trang SDK nào cũng mở trong StackBlitz.
