AIによる翻訳の高速サイト

複数の言語で独自の静的サイトを構築しましょう。AIツールで簡単に実現できます!

これは複数の言語で静的サイトを構築するためのボイラープレートプロジェクトです。翻訳にはi18nextを使用しており、カスタム言語切替機能も備えています。また、サイトマップ生成ツールおよびrobots.txt生成ツールも含まれています。HTMLのバリデーションが組み込まれています。

1つの言語から20以上の言語へ移行するお手伝いをします

フレームワークには言語切り替え機能が組み込まれています。ドロップダウンメニューまたはフッター内のリンクを使って、任意の言語に切り替えることができます。このサイトは、その様子の一例です。

ページごとにコンテンツが異なるだけでなく、URLも調整されています。サイトマップにはすべての言語のリンクが組み込まれているため、検索エンジンはコンテンツを簡単に見つけることができます。robots.txtファイルも調整されており、検索エンジンがサイトをクロールできるようになっています。

迅速で安全なサイト

静的サイトジェネレーターとして、出力は非常に小さく保たれます。私の多くのサイトでは、各HTMLファイルのサイズは約20KBです。これにより、サイトの読み込みが非常に速くなります。 ここでGitHubリポジトリへのアクセスと将来的な更新を購入できます。

あなたのためにやってほしいですか?

単一のHTMLファイルとインラインJavaScriptを取得し、それに対する翻訳ページを提供します。翻訳はAI生成であり、完全に人間によるレビューは行われません。ソースコードと生成されたHTMLファイルが提供されます。

10ページのサイトコンバージョンも提供できます。

簡潔なコード

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,
  });
})();
コマンドライン - 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
---------------------------------------------]

TypeScript開発者向けの短い概要動画をご覧ください:

よくある質問

Global Sites(ライフタイム)に含まれるものは何ですか?

複数の言語で静的サイトを構築するのに役立つ基本的なファイルセット。また、更新やサポートのためのリポジトリへのアクセスも含まれます。

これはReactまたはNextJSで構築されていますか?

いいえ、それはそうではありません。概念はReactを知っている人には簡単に理解できますが、i18nextを使用して翻訳と文字列ベースのテンプレート定義を行っています。このボイラープレートには、一貫性と開発の容易さのためのツールがあります。

返品ポリシーは何ですか?

リポジトリへのアクセスが得られるため、返金は不可能です。

リポジトリにアクセスするまでにどれくらいの時間がかかりますか?

現在、手動でアクセスを追加しています。できるだけ早く追加するよう努めています。最悪でも、1営業日以内には追加されるはずです。 (アメリカ、オハイオ州を拠点にしています)

複数の言語は違いを生みますか?

はい、私のテストでは、約半分のトラフィックが英語以外のページに行っています。ページのトラフィックが増えるにつれて、さらに多くの情報が得られるはずです。

あなたのテーマのいずれかを使用する必要がありますか?

いいえ。基本的なテーマは含まれていますが、私はそれをこのツールの主な価値とは見ていません。他のツールは高品質なテーマに特化しています。