> ## 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.

# Gestire le pagine dell'app

> Scopri come aggiungere pagine, spostarti tra di esse, controllare quali pagine appaiono nella navigazione e capire come le pagine si relazionano al login e alla visibilità in Base44.

Le pagine sono le schermate principali della tua app Base44. Ogni pagina ha il proprio percorso URL (come `/`, `/Home` o `/Products`) e appare nel menu a discesa delle pagine in alto nell'[editor dell'app](https://base44.com/ai-app-builder). Puoi aggiungere nuove pagine, accedervi e decidere quali sono visibili nei menu o usate per login e landing.

<Frame caption="Navigare tra le pagine dell'app">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/pagesmenu.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=ac18ad8ad80fa68de964c773e69f0464" alt="Navigating your app pages" width="850" height="427" data-path="images/pagesmenu.png" />
</Frame>

***

## Aggiungere pagine

Puoi aggiungere pagine in qualsiasi momento. Il modo più veloce è descrivere la pagina desiderata nella chat AI.

### Aggiungere una nuova pagina

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi la pagina che vuoi. Per esempio:\
   `Create a new About page with a hero section, text about our company, and a contact button.`

<Frame caption="Aggiungere una nuova pagina alla tua app con la chat AI">
  <img src="https://mintcdn.com/base44/vyZ6HEARIdqrgiI1/images/addpage.png?fit=max&auto=format&n=vyZ6HEARIdqrgiI1&q=85&s=48a9fca38617774a4d8fb518cd43d28d" alt="Adding a new page to your app with the AI chat" width="1302" height="956" data-path="images/addpage.png" />
</Frame>

### Duplicare una pagina

1. Apri la pagina da riutilizzare nell'editor.
2. Nella chat AI, descrivi cosa vuoi duplicare. Per esempio:\
   `Duplicate this page and keep the same layout, but change the title to "Pricing".`
3. Al termine della chat AI, apri la nuova pagina dal menu a discesa per personalizzarne il contenuto.

<Frame caption="Duplicare una pagina della tua app usando la chat AI">
  <img src="https://mintcdn.com/base44/tzxdHQgJZr0YYZrD/images/duplicatepage.png?fit=max&auto=format&n=tzxdHQgJZr0YYZrD&q=85&s=cabd6af12138c254a168d7c595521d07" alt="Duplicating a page on your app using the AI chat" width="1347" height="957" data-path="images/duplicatepage.png" />
</Frame>

***

## Passare tra le pagine

Puoi spostarti tra le pagine dal menu a discesa sopra l'anteprima.

**Per cambiare pagina nell'editor:**

1. Vai all'editor della tua app.
2. Clicca il menu a discesa delle pagine.
3. Clicca la pagina da aprire.

<Frame caption="Passare tra le pagine nell'editor dell'app">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/pagesdropdown.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=82ec30bde5c1918a52c1cfc6ff62aee5" alt="Switching between pages in the app editor" width="791" height="527" data-path="images/pagesdropdown.png" />
</Frame>

<Tip>
  Se non sei sicuro di come si chiama una pagina, chiedi all'IA: `Show me a list of all pages in this app and what each one does.`
</Tip>

***

## Cercare pagine

Quando la tua app ha molte pagine, può essere difficile ricordare ogni nome. Inizia a digitare il nome nel menu a discesa per cercarla.

<Frame caption="Cercare una pagina nel menu a discesa">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/searchingforapage.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=748f170acf99d1f09eb019d4ec592b89" alt="Searching for a page in the pages drop-down" width="719" height="391" data-path="images/searchingforapage.png" />
</Frame>

<Tip>
  **Consiglio:** Puoi anche chiedere alla chat AI di aiutarti a trovare la pagina giusta per nome, URL o scopo. Per esempio:

  * `Which page is used as the checkout page?`
  * `Which page handles the /Success route?`
  * `Find the page that shows the list of projects.`
</Tip>

***

## Gestire la navigazione delle pagine

Un menu di navigazione chiaro aiuta le persone a spostarsi tra le pagine, scoprire aree chiave dell'app e capire come sono organizzati i contenuti. Migliora anche i link interni, il che può aiutare i motori di ricerca a capire la struttura dell'app.

Alcune app iniziano con una singola pagina e non hanno un menu di navigazione visibile all'inizio. Man mano che aggiungi pagine, puoi chiedere all'IA di creare un menu header, sidebar o footer e collegarlo alle route principali.

Usa la chat AI per creare un menu di navigazione quando la tua app non ha ancora un header, sidebar o footer con link.

<Tip>
  Se vuoi la stessa navigazione su ogni pagina, chiedi all'IA di rendere il menu globale. Per esempio: `Add the header navigation to all pages in the app.`
</Tip>

### Aggiungere un menu header

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi il menu che vuoi. Per esempio:
   * `Add a header navigation bar with links to /Home and /Products.`
   * `Create a top navigation menu that includes Home and Contact.`
3. Al termine dell'IA, controlla l'anteprima per assicurarti che la nuova navigazione appaia dove ti aspetti e testa i link.

<Frame caption="Aggiungere un menu di navigazione in alto alla tua app">
  <img src="https://mintcdn.com/base44/iEH4Y6BNLZQ0n0S-/images/navigationmenu.png?fit=max&auto=format&n=iEH4Y6BNLZQ0n0S-&q=85&s=b1b16b69281f4e976d3dcece6316a186" alt="Adding a navigation menu to the top of your app" width="1913" height="957" data-path="images/navigationmenu.png" />
</Frame>

### Aggiungere un menu sidebar

1. Vai all'editor della tua app.
2. Nella chat AI, spiega cosa ti serve. Per esempio:
   * `Add a vertical sidebar navigation on the left with links to /Dashboard, /Reports, and /Settings.`
   * `Add a footer navigation with links to Privacy Policy and Terms of Service.`
3. Al termine dell'IA, controlla l'anteprima e testa i link.

<Frame caption="Aggiungere una sidebar verticale di navigazione">
  <img title="Verticalsidebar" alt="Adding a vertical sidebar navigation to your app" src="https://mintcdn.com/base44/ZJy2_Y0URAmh8dUb/images/sidebar.png?fit=max&auto=format&n=ZJy2_Y0URAmh8dUb&q=85&s=be39a3556cca1518542ca2cadc398b42" className="dark:hidden" width="1912" height="954" data-path="images/sidebar.png" />

  <img title="Verticalsidebar" alt="Adding a vertical sidebar navigation to your app" src="https://mintcdn.com/base44/ZJy2_Y0URAmh8dUb/images/sidebar-1.png?fit=max&auto=format&n=ZJy2_Y0URAmh8dUb&q=85&s=5abec7be49c4b5275a10e2f79c08a81a" className="hidden dark:block" width="1912" height="954" data-path="images/sidebar-1.png" />
</Frame>

### Cambiare lo stile del menu

Puoi usare stili di navigazione diversi per adattarli al layout e al pubblico della tua app, come una barra orizzontale, tab o un menu hamburger che si comprime su schermi più piccoli.

**Per cambiare lo stile di navigazione con la chat AI:**

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi lo stile che vuoi. Per esempio:
   * Tab: `Change the main navigation into a tab-style menu at the top of the page.`
   * Sidebar: `Move the navigation into a vertical sidebar on the left.`
   * Hamburger menu: `Turn the main navigation into a hamburger menu that opens a panel on the right.`
3. Al termine dell'IA, controlla l'anteprima e testa i link.

<Tip>
  Puoi combinare stili. Per esempio, mantieni un menu orizzontale con tab su desktop e usa un menu hamburger su schermi più piccoli. Descrivi entrambi i comportamenti chiaramente nel prompt.
</Tip>

### Cambiare gli elementi del menu

Una volta che esiste un menu di navigazione, puoi aggiungere, rimuovere o rinominare i link. Assicurati che la pagina a cui vuoi collegare esista già se stai aggiungendo un nuovo elemento.

**Per gestire gli elementi del menu con la chat AI:**

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi come deve cambiare il menu. Per esempio:
   * `Add a "Shop" link to the main navigation that points to the /Products page.`
   * `Add an "About" item to the top menu that links to /About and place it after Home.`
   * `Remove the "Blog" link from the header navigation.`
   * `Rename the "Shop All" menu item to "All Products".`
   * `Reorder the menu so that Home, Shop, About, and Contact appear in that order.`
3. Controlla l'anteprima e clicca gli elementi del menu per confermare.

<Tip>
  Se la tua app usa più aree di navigazione (come menu superiore e footer), sii specifico nel prompt. Per esempio: `Update only the header navigation, not the footer links.`
</Tip>

***

## Lavorare con pagine nascoste

Alcune pagine sono destinate a uso interno, come dashboard admin, schermate di successo o pagine di callback. Potresti volerle disponibili nell'app senza mostrarle nella navigazione o nei risultati di ricerca.

### Nascondere pagine dal menu

Puoi rimuovere qualsiasi pagina dai menu visibili mantenendola comunque attiva e funzionale.

**Per nascondere una pagina dalla navigazione con la chat AI:**

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi cosa nascondere. Per esempio:\
   `Remove the /Success page from all visible navigation, but keep it working as a redirect after checkout.`
3. Controlla che il link non appaia più nell'header, sidebar o footer.

<Frame caption="Creare pagine interne nascoste">
  <img src="https://mintcdn.com/base44/iEH4Y6BNLZQ0n0S-/images/internalpage.png?fit=max&auto=format&n=iEH4Y6BNLZQ0n0S-&q=85&s=d81a88ccfa77a42ad5d2a66fe1ac3497" alt="Creating internal hidden pages on your app" className="mx-auto" style={{ width:"94%" }} width="1170" height="948" data-path="images/internalpage.png" />
</Frame>

<Note>
  Una pagina nascosta dalla navigazione può ancora essere aperta direttamente se qualcuno conosce l'URL, o se aggiungi un pulsante o link a essa altrove nell'app.
</Note>

### Creare un'area solo per admin

Puoi mantenere pagine sensibili, come dashboard o strumenti di gestione, disponibili solo agli admin posizionandole in una sezione admin della navigazione e proteggendone l'accesso.

**Per creare un'area di navigazione solo per admin con la chat AI:**

1. Vai all'editor della tua app.
2. Nella chat AI, descrivi la sezione admin desiderata. Per esempio:
   * `Add an Admin section in the sidebar that only admins can see, and move the /Wishlist page into it.`
   * `Create an admin-only area in the header navigation with links to /AdminDashboard and /Reports.`

<Frame caption="Creare un'area solo per admin nell'app">
  <img src="https://mintcdn.com/base44/vyZ6HEARIdqrgiI1/images/adminaccess.png?fit=max&auto=format&n=vyZ6HEARIdqrgiI1&q=85&s=7058f1f0a828152f9803df3749a2a68c" alt="Creating an admin-only area on your app" width="1355" height="954" data-path="images/adminaccess.png" />
</Frame>

<Tip>
  Per testare le pagine solo per admin con **Act as**, clicca **Act as** nella barra dell'anteprima, scegli un ruolo admin e verifica che la sezione admin e le sue pagine siano visibili, poi usa **Act as** di nuovo per passare a un ruolo non-admin e conferma che la sezione admin è nascosta e le pagine solo per admin non possono essere aperte direttamente.
</Tip>

### Nascondere pagine dai risultati di ricerca

Base44 include automaticamente tutte le pagine pubbliche pubblicate nella tua sitemap all'indirizzo `/sitemap.xml` così i motori di ricerca possono trovarle. Non ci sono interruttori SEO per pagina come "noindex" o controlli robots.txt a livello di pagina.

Per mantenere una pagina fuori dai motori di ricerca, assicurati che la pagina non sia pubblica o evita di collegarla da parti pubbliche della tua app.

<Note>
  Per tutti i dettagli su come funziona l'indicizzazione, vedi la nostra [guida SEO](/Performance-and-SEO/SEO-and-search-visibility).
</Note>

***

## Landing page pubblica con pagine private

Base44 non supporta attualmente il rendere alcune pagine pubbliche e altre private usando solo le impostazioni di visibilità. Puoi invece usare una combinazione di landing page pubblica e logica che reindirizza le persone al login per le aree private.

**Per impostare una landing page pubblica con login per le altre pagine:**

1. Imposta la tua app su **Public (no login required)** nelle impostazioni di visibilità.
2. Usa la chat AI per creare una landing page, per esempio:\
   `Create a landing page with login and sign-up buttons and make it my main page.`
3. Chiedi all'IA di richiedere il login sul resto dell'app. Per esempio:\
   `Require login for all non-landing pages and redirect visitors who are not logged in back to the landing page.`

<Warning>
  Non è attualmente possibile contrassegnare singole pagine come pubbliche o private tramite un'impostazione di visibilità per pagina. Tutta la visibilità è controllata a livello di app, combinata con le regole di routing e accesso ai dati.
</Warning>

***

## FAQ

Clicca una domanda qui sotto per saperne di più su pagine, login e navigazione.

<AccordionGroup>
  <Accordion title="Come cambio la pagina che le persone vedono per prima quando aprono la mia app?">
    **Per cambiare la landing page:**

    1. Clicca **Dashboard** nell'editor dell'app.
    2. Clicca **Settings** e poi **App Settings**.
    3. Nel menu a discesa **Main Page** sotto **General Settings**, seleziona la pagina che vuoi come default.

    Puoi anche chiedere alla chat AI di cambiare la landing page.
  </Accordion>

  <Accordion title="Ci sono limiti a quante pagine può avere la mia app?">
    Sì. Le app Base44 supportano fino a 600 pagine. Tuttavia, il conteggio delle pagine non è l'unico fattore che influisce sulla stabilità della build — anche il numero totale di file dell'app e la dimensione complessiva del codice sorgente contano.

    Se la tua app ha più di 600 pagine, o ha un numero molto grande di file o codice sorgente (per esempio, migliaia di file JavaScript o decine di megabyte di sorgente), potresti vedere problemi come:

    * Il builder che diventa non disponibile o molto lento.
    * Pagine che non si caricano correttamente nell'editor o nell'app live.
    * Fallimenti di pubblicazione o errori di memoria insufficiente durante build o deploy.
    * L'IA che restituisce modifiche incomplete.

    **Per rimanere entro i limiti:**

    1. Rivedi le pagine esistenti e rimuovi quelle non più necessarie.
    2. Consolida contenuti simili in meno pagine quando possibile.
    3. Usa entità e viste filtrate invece di creare una pagina statica separata per ogni elemento.
    4. Mantieni il conteggio complessivo dei file e la dimensione del sorgente più snelli possibile, specialmente se la tua app ha molti componenti.

    Mantenere l'app sotto le 600 pagine e gestire il conteggio dei file aiuta l'editor a restare reattivo e mantiene stabile l'app.
  </Accordion>
</AccordionGroup>

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