> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Struttura del progetto

> Capisci l'organizzazione e i file chiave nel tuo progetto app Base44

Le app Base44 sono app React standard costruite con Vite. Il tuo progetto include strumenti moderni di sviluppo web e integrazione backend Base44 senza interruzioni.

## Struttura del progetto

Nella [scheda Code](../editor/code-tab) e quando [colleghi a GitHub](../local-development/github), vedrai la struttura completa del progetto React/Vite:

<Tree>
  <Tree.Folder name="src" defaultOpen>
    <Tree.Folder name="pages" />

    <Tree.Folder name="components">
      <Tree.Folder name="ui" />
    </Tree.Folder>

    <Tree.Folder name="api" />

    <Tree.Folder name="hooks" />

    <Tree.Folder name="lib" />

    <Tree.Folder name="utils" />
  </Tree.Folder>

  <Tree.Folder name="entities" />

  <Tree.Folder name="functions" />

  <Tree.File name="package.json" />

  <Tree.File name="vite.config.js" />

  <Tree.File name="tailwind.config.js" />

  <Tree.File name="index.html" />
</Tree>

### Directory del progetto

Il tuo progetto contiene le seguenti directory:

* **`src/`** - Codice frontend dell'app organizzato in queste directory:
  * `pages` - Le pagine nella tua app. Ogni file è una route. `Home.jsx` diventa `/`, `Settings.jsx` diventa `/settings`.
  * `components` - Elementi UI riutilizzabili. La sottocartella `ui/` contiene componenti UI predefiniti.
  * `api` - Configurazione client dell'SDK Base44 per comunicare con il tuo backend.
  * `hooks` - Hook React personalizzati per gestione UI e stato.
  * `lib` - Codice di integrazione Base44 e configurazione app.
  * `utils` - Funzioni di utility e metodi helper.

* **`entities/`** - Le tue definizioni del modello dati. Ogni entità ha un file schema JSON che definisce i suoi campi.

* **`functions/`** - Funzioni backend per la logica backend. Ogni file TypeScript in questa directory è una funzione separata.

<Note>
  **Entità:** Quando usi l'integrazione GitHub bidirezionale, le entità sono gestite in Base44 e non sono incluse nel tuo repository locale.
</Note>

### File di configurazione

La directory root include tutta la configurazione necessaria per eseguire in modo indipendente:

* `package.json` - Dipendenze e script (include @base44/sdk)
* `vite.config.js` - Configurazione di build con plugin Base44
* `tailwind.config.js` - Configurazione styling
* `index.html` - Punto di ingresso HTML principale

## Esegui localmente

Per eseguire il progetto esportato localmente: `npm install` poi `npm run dev`.

<Note>Questa pagina è stata tradotta utilizzando l'IA. Per informazioni più accurate e aggiornate, consulta la [versione inglese](/). </Note>