Começando

Global Sites AI é uma ferramenta poderosa para criar sites estáticos multilíngues. Esta documentação o guiará pelo processo de configuração e utilização da estrutura.

Instalação

Para instalar o Global Sites AI, você precisa de acesso aos repositórios privados. Esses serão fornecidos após a compra de uma licença. Uma vez que você tenha acesso, pode clonar os repositórios usando os seguintes comandos:

Linha de Comando

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

Existem 2 projetos. GlobalSitesCore e GlobalSitesTemplate. O GlobalSitesTemplate ajudará a fornecer um projeto completo para começar. Você pode modificá lo conforme necessário. O GlobalSitesCore é a biblioteca principal que fornece a funcionalidade para criar sites estáticos multilíngues. Ele é tratado como um submódulo do git e pode ser atualizado frequentemente para que seus sites tenham os recursos mais recentes.

Uso Básico

Aqui está um exemplo simples de como criar uma nova página usando o 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 -->
    `,
  });
}

Nova página com IA

Para criar uma nova página com traduções de IA, você pode usar o seguinte comando dentro do editor Cursor. É provável que seja possível fazer algo semelhante com outras ferramentas.

Linha de Comando

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