Trang web nhanh với bản dịch AI

Xây dựng trang tĩnh của riêng bạn với nhiều ngôn ngữ. Được thực hiện dễ dàng với công cụ AI!

Đây là một dự án mẫu để xây dựng các trang tĩnh với nhiều ngôn ngữ. Nó sử dụng i18next cho việc dịch thuật, và một trình chuyển đổi ngôn ngữ tùy chỉnh. Nó cũng bao gồm một trình tạo sơ đồ trang web và một trình tạo robots.txt. Các kiểm tra tính hợp lệ của HTML đã được tích hợp sẵn.

Giúp bạn chuyển từ 1 ngôn ngữ sang 20+ ngôn ngữ

Được tích hợp vào khung là một công cụ chuyển đổi ngôn ngữ. Bạn có thể chuyển đổi sang bất kỳ ngôn ngữ nào qua một menu thả xuống hoặc các liên kết ở chân trang. Trang web này là một ví dụ về những gì trông như vậy.

Không chỉ nội dung khác nhau trên mỗi trang, mà các URL cũng được điều chỉnh. Sơ đồ trang web được xây dựng với các liên kết cho tất cả các ngôn ngữ để các công cụ tìm kiếm có thể dễ dàng tìm thấy nội dung. Tập tin robots.txt cũng được điều chỉnh để cho phép các công cụ tìm kiếm thu thập dữ liệu trang web.

Các trang web nhanh và an toàn

Với tư cách là một trình tạo trang tĩnh, kết quả được giữ ở mức rất nhỏ. Trên nhiều trang web của tôi, mỗi tệp HTML có kích thước khoảng 20KB. Điều này giúp trang web của bạn tải rất nhanh. Bạn có thể mua quyền truy cập vào các kho lưu trữ github và các bản cập nhật trong tương lai tại đây.

Muốn nó được làm cho bạn?

Tôi sẽ lấy một tệp HTML duy nhất với JavaScript nội tuyến và cung cấp các trang dịch cho nó. Các bản dịch sẽ được tạo ra bằng AI và không được xem xét hoàn toàn bởi con người. Mã nguồn và các tệp HTML kết quả sẽ được cung cấp.

Tôi cũng có thể cung cấp một trang web chuyển đổi 10 trang.

Mã rõ ràng

TypeScript - pages/IndexPages.ts
export async function IndexPages(): Promise<FileResult[]> {
return renderLanguageFiles({
  subDirectoryInEnglish: undefined,
  fileNameInEnglish: undefined,
  includeInSitemap: true,
  render: (props) => Index(props),
});
}  
return Layout({
  lang: props.option.code,
  title: title,
  description: metaDescription,
  languageOptions: props.allOptions,
  content: /* HTML */ `
    <h1>${i18next.t("Fast Sites with AI Translations")}</h1>
    <p>
      ${i18next.t("Build your own static site with multiple languages. Made easy with AI tooling!")}
    </p>
    [...]
    `
})
TypeScript - build.ts
(async () => {
  await StaticSiteBuild({
    baseUrl: "https://www.globalsites.ai",
    files: [
      await IndexPages(),
      await ContactUsPages(),
      await FAQPages(),
      await PrivacyPolicyPages(),
      await CopyStaticFiles(),
    ],
    translationSource: "GoogleTranslate",
    forceFileWrite: !devFlagPresent,
    validationOptions: {
      HTML: devFlagPresent ? "Sample" : "Full",
      internalURLs: true,
      skipUrls: [
        "sitemap.xml",
        "robots.txt",
        "404/",
      ],
    },
    startTime: startTime,
  });
})();
Dòng lệnh - output
[---------------------------------------------
… Starting build for https://www.globalsites.ai
… Skipping 90 files with no changes
… Verifying HTML is valid
✓ Finished verifying 10 HTML files
… Verifying internal URLs
✓ No internal URL errors found
✓ Done in 428 ms with 94 files
---------------------------------------------]

Để xem một video tổng quan ngắn gọn dành cho các nhà phát triển TypeScript, hãy xem:

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

Những gì được bao gồm trong Global Sites (Trọn đời)?

Một bộ tệp mẫu để giúp bạn xây dựng các trang tĩnh với nhiều ngôn ngữ. Ngoài ra, bạn cũng sẽ có quyền truy cập vào kho lưu trữ để cập nhật và hỗ trợ.

Điều này được xây dựng bằng React hay NextJS?

Không, không phải vậy. Các khái niệm dễ hiểu đối với những người biết React nhưng nó sử dụng i18next cho việc dịch và định nghĩa mẫu dựa trên chuỗi. Có những công cụ cho tính nhất quán và sự dễ dàng trong phát triển với mẫu mã này.

Chính sách đổi trả của bạn là gì?

Bạn có quyền truy cập vào kho lưu trữ và vì vậy việc hoàn tiền là không thể.

Mất bao lâu để có quyền truy cập vào kho lưu trữ?

Tôi hiện đang thêm quyền truy cập một cách thủ công. Tôi cố gắng thêm chúng rất nhanh. Tệ nhất, nó sẽ nằm trong vòng một ngày làm việc. (Có trụ sở tại Ohio, Hoa Kỳ)

Nhiều ngôn ngữ có tạo ra sự khác biệt không?

Có, trong các thử nghiệm của tôi, khoảng một nửa lưu lượng truy cập của tôi đi đến các trang không phải tiếng Anh. Tôi sẽ có thêm thông tin khi các trang của tôi nhận được nhiều lưu lượng truy cập hơn.

Tôi có cần sử dụng một trong những mẫu của bạn không?

Không. Mặc dù một chủ đề cơ bản đã được bao gồm, tôi không xem điều đó là giá trị chính của công cụ này. Những người khác chuyên về các chủ đề chất lượng cao.