Aan de slag

Global Sites AI is een krachtig hulpmiddel voor het creëren van meertalige statische websites. Deze documentatie zal je begeleiden bij het opzetten en gebruiken van het framework.

Installatie

Om Global Sites AI te installeren, heb je toegang nodig tot de privé repositories. Deze zullen beschikbaar worden gesteld nadat je een licentie hebt aangeschaft. Zodra je toegang hebt, kun je de repositories klonen met de volgende opdrachten:

Opdrachtregel

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

Er zijn 2 projecten. GlobalSitesCore en GlobalSitesTemplate. GlobalSitesTemplate helpt om een compleet project te starten. Je kunt het aanpassen zoals nodig. GlobalSitesCore is de kernbibliotheek die de functionaliteit biedt om meertalige statische sites te maken. Dit wordt behandeld als een git submodule en kan vaak worden bijgewerkt zodat jouw sites over de meest actuele functies beschikken.

Basisgebruik

Hier is een eenvoudig voorbeeld van hoe je een nieuwe pagina maakt met 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 -->
    `,
  });
}

Nieuwe pagina met AI

Om een nieuwe pagina te maken met AI vertalingen, kun je de volgende opdracht gebruiken vanuit de Cursor editor. Het is waarschijnlijk mogelijk om iets vergelijkbaars te doen vanuit andere tools.

Opdrachtregel

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