Memulai

Global Sites AI adalah alat yang kuat untuk membuat situs web statis multibahasa. Dokumentasi ini akan memandu Anda melalui proses pengaturan dan penggunaan kerangka kerja ini.

Instalasi

Untuk menginstal Global Sites AI, Anda memerlukan akses ke repositori pribadi. Akses tersebut akan diberikan setelah Anda membeli lisensi. Setelah Anda mendapatkan akses, Anda dapat mengkloning repositori menggunakan perintah berikut:

Baris Perintah

git clone --recurse-submodules [path to GlobalSitesTemplate]
git clone [path to GlobalSitesCore]

Ada 2 proyek. GlobalSitesCore dan GlobalSitesTemplate. GlobalSitesTemplate akan membantu menyediakan proyek lengkap untuk memulai. Anda dapat memodifikasinya sesuai kebutuhan. GlobalSitesCore adalah pustaka inti yang memberikan fungsionalitas untuk membuat situs statis multibahasa. Ini diperlakukan sebagai submodul git dan dapat diperbarui secara teratur agar situs Anda memiliki fitur terbaru.

Penggunaan Dasar

Berikut adalah contoh sederhana tentang cara membuat halaman baru menggunakan Global Sites AI:

TypeScript - pages/ExamplePage.ts

import i18next from "../GlobalSitesCore/i18n";
import { Layout } from "../Layout";
import { RenderProps, renderLanguageFiles } from "../GlobalSitesCore/languages";
import { FileResult } from "../GlobalSitesCore/FileResult";

export async function ExamplePagePages(): Promise<FileResult[]> {
  return renderLanguageFiles({
    subDirectoryInEnglish: undefined,
    fileNameInEnglish: "example-page",
    includeInSitemap: true,
    render: (props) => ExamplePage(props),
  });
}

interface ExamplePageProps extends RenderProps {}

export function ExamplePage(props: ExamplePageProps): string {
  var title = i18next.t(`Example Page`);
  var metaDescription = i18next.t(`This is an example page.`);

  return Layout({
    lang: props.option.code,
    title: title,
    description: metaDescription,
    languageOptions: props.allOptions,
    content: /* HTML */ `
      <h1>${title}</h1>
      <p>${metaDescription}</p>
      <!-- Add more content as needed -->
    `,
  });
}

Halaman baru dengan AI

Untuk membuat halaman baru dengan terjemahan AI, Anda dapat menggunakan perintah berikut dari dalam editor Cursor. Kemungkinan juga untuk melakukan hal serupa dari alat lain.

Baris Perintah

Using @detailPage.md, write a triangle calculator page.