시작하기

Global Sites AI는 다국어 정적 웹사이트를 만들기 위한 강력한 도구입니다. 이 문서는 프레임워크를 설정하고 사용하는 과정을 안내합니다.

설치

Global Sites AI를 설치하려면 개인 리포지토리에 대한 접근이 필요합니다. 이는 라이센스를 구매한 후 제공됩니다. 접근 권한을 얻으면 다음 명령어를 사용하여 리포지토리를 복제할 수 있습니다:

명령줄

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

2개의 프로젝트가 있습니다. GlobalSitesCore와 GlobalSitesTemplate입니다. GlobalSitesTemplate은 시작할 수 있는 전체 프로젝트를 제공하는 데 도움을 줍니다. 필요에 따라 수정할 수 있습니다. GlobalSitesCore는 다국어 정적 사이트를 생성하는 기능을 제공하는 핵심 라이브러리입니다. 이는 git 서브모듈로 처리되며, 사이트에서 최신 기능을 사용하기 위해 자주 업데이트할 수 있습니다.

기본 사용법

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

AI가 포함된 새 페이지

AI 번역으로 새 페이지를 만들려면 Cursor 편집기 내에서 다음 명령을 사용할 수 있습니다. 다른 도구에서도 비슷한 작업을 수행할 수 있을 가능성이 있습니다.

명령줄

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

목차

시작하기

설치

기본 사용법

AI가 포함된 새 페이지