Commencer

Global Sites AI est un outil puissant pour créer des sites web statiques multilingues. Cette documentation vous guidera à travers le processus de mise en place et d'utilisation du cadre.

Installation

Pour installer Global Sites AI, vous devez avoir accès aux dépôts privés. Ceux ci seront fournis après l'achat d'une licence. Une fois que vous avez accès, vous pouvez cloner les dépôts en utilisant les commandes suivantes :

Ligne de commande

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

Il y a 2 projets. GlobalSitesCore et GlobalSitesTemplate. GlobalSitesTemplate aidera à fournir un projet complet pour commencer. Vous pouvez le modifier selon vos besoins. GlobalSitesCore est la bibliothèque principale qui fournit la fonctionnalité pour créer des sites statiques multilingues. Cela est traité comme un sous module git et peut être mis à jour fréquemment afin que vos sites disposent des fonctionnalités les plus récentes.

Utilisation de base

Voici un exemple simple de la façon de créer une nouvelle page en utilisant 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 -->
    `,
  });
}

Nouvelle page avec IA

Pour créer une nouvelle page avec des traductions AI, vous pouvez utiliser la commande suivante depuis l'éditeur Cursor. Il est probablement possible de faire quelque chose de semblable depuis d'autres outils.

Ligne de commande

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