İlk Adımlar

Global Sites AI, çok dilli statik web siteleri oluşturmak için güçlü bir araçtır. Bu dokümantasyon, çerçeveyi kurma ve kullanma sürecine sizi yönlendirecektir.

Kurulum

Global Sites AI'i kurmak için özel depo erişiminiz olması gerekiyor. Bu erişim, bir lisans satın aldıktan sonra verilecektir. Erişiminizi aldıktan sonra, depo kopyalamak için aşağıdaki komutları kullanabilirsiniz:

Komut Satırı
git clone --recurse-submodules [path to GlobalSitesTemplate]
git clone [path to GlobalSitesCore]

2 proje bulunmaktadır. GlobalSitesCore ve GlobalSitesTemplate. GlobalSitesTemplate, başlamanız için tam bir proje sağlamanıza yardımcı olacaktır. Bunu gerektiği gibi değiştirebilirsiniz. GlobalSitesCore, çok dilli statik siteler oluşturma işlevselliğini sağlayan temel kütüphanedir. Bu, bir git alt modülü olarak ele alınır ve sitelerinizin en güncel özelliklere sahip olması için sık sık güncellenebilir.

Temel Kullanım

Global Sites AI kullanarak yeni bir sayfa oluşturmanın basit bir örneği:

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 -->
    `,
  });
}

Yapay Zeka ile Yeni Sayfa

AI çevirileri ile yeni bir sayfa oluşturmak için, Cursor editöründen aşağıdaki komutu kullanabilirsiniz. Diğer araçlardan da benzer şekilde yapmak muhtemel.

Komut Satırı
Using @detailPage.md, write a triangle calculator page.