Iniziare

Global Sites AI è uno strumento potente per creare siti web statici multilingue. Questa documentazione ti guiderà attraverso il processo di configurazione e utilizzo del framework.

Installazione

Per installare Global Sites AI, è necessario avere accesso ai repository privati. Questi saranno forniti dopo aver acquistato una licenza. Una volta ottenuto l'accesso, puoi clonare i repository utilizzando i seguenti comandi:

Linea di comando

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

Ci sono 2 progetti. GlobalSitesCore e GlobalSitesTemplate. GlobalSitesTemplate aiuterà a fornire un progetto completo per iniziare. Puoi modificarlo a tuo piacimento. GlobalSitesCore è la libreria principale che fornisce la funzionalità per creare siti statici multilingue. Viene trattato come un sotto modulo git e può essere aggiornato frequentemente affinché i tuoi siti abbiano le funzionalità più aggiornate.

Utilizzo di base

Ecco un semplice esempio su come creare una nuova pagina utilizzando 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 -->
    `,
  });
}

Nuova pagina con AI

Per creare una nuova pagina con traduzioni AI, puoi utilizzare il seguente comando dall'editor Cursor. È probabile che sia possibile fare qualcosa di simile anche da altri strumenti.

Linea di comando

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