Introducción

Global Sites AI es una herramienta poderosa para crear sitios web estáticos multilingües. Esta documentación te guiará a través del proceso de configuración y uso del marco.

Instalación

Para instalar Global Sites AI, necesitas acceso a los repositorios privados. Estos se proporcionarán después de que compres una licencia. Una vez que tengas acceso, puedes clonar los repositorios usando los siguientes comandos:

Línea de Comandos

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

Hay 2 proyectos. GlobalSitesCore y GlobalSitesTemplate. GlobalSitesTemplate ayudará a proporcionar un proyecto completo para comenzar. Puedes modificarlo según sea necesario. GlobalSitesCore es la biblioteca principal que proporciona la funcionalidad para crear sitios estáticos multilingües. Se trata como un submódulo de git y puede actualizarse con frecuencia para que tus sitios tengan las funciones más actualizadas.

Uso Básico

Aquí hay un ejemplo simple de cómo crear una nueva página utilizando 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 -->
    `,
  });
}

Nueva página con IA

Para crear una nueva página con traducciones de IA, puedes utilizar el siguiente comando desde dentro del editor de Cursor. Es probable que sea posible hacer algo similar desde otras herramientas.

Línea de Comandos

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