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

# Aggiungere e usare pacchetti npm

> Estendi la tua app con librerie di codice preconfezionate.

## Cosa sono i pacchetti npm?

Usa i pacchetti npm per aggiungere funzionalità e strumenti potenti alle tue applicazioni Base44 senza dover costruire tutto da solo. Base44 è un [ai app builder](https://base44.com/ai-app-builder) che ti dà accesso a librerie di codice affidabili e aggiornate per animazioni, formattazione dei dati e grafici, tutte create da sviluppatori esperti.

Quando usi i pacchetti npm, puoi aggiungere funzionalità avanzate in pochi minuti, contare su codice ben testato e concentrarti sul creare ciò che rende unica la tua app.

<Frame>
  <img src="https://mintcdn.com/base44/WQUUJHGFtcaiMxk4/images/npm.avif?fit=max&auto=format&n=WQUUJHGFtcaiMxk4&q=85&s=e5770884668cf412409466264e7e2aeb" alt="Npm" width="1108" height="618" data-path="images/npm.avif" />
</Frame>

<Tip>
  Pensa ai pacchetti npm come piccole scatole di codice pronto da collegare alla tua app. Qualcun altro ha già scritto il codice. Basta installare il pacchetto e puoi usarne subito tutte le capacità.
</Tip>

Base44 rende semplice aggiungere pacchetti npm alla tua app. Puoi richiedere di aggiungere pacchetti npm, rivedere la richiesta e approvare l'installazione, tutto dalla chat AI dell'editor.

<Card icon="display-code" title="Esempi di pacchetti npm">
  * Librerie di animazione (per esempio, anime.js)
  * Utility per grafici
  * Helper per data e ora
  * Componenti UI
  * Logica drag and drop
</Card>

<Warning>
  **Importante:**

  Tutti i pacchetti npm sono creati e mantenuti da terze parti. Base44 non può garantire qualità, affidabilità o sicurezza di alcun pacchetto esterno installato. Testa e valida sempre i pacchetti con cura per assicurarti che funzionino correttamente. Sei responsabile di verificare che qualsiasi pacchetto di terze parti soddisfi le esigenze del tuo progetto.
</Warning>

***

## Sfogliare i pacchetti npm

Puoi trovare i pacchetti npm nel registro pubblico. Il README di ogni pacchetto include istruzioni dettagliate, esempi d'uso e dettagli sulle peer dependency, così puoi iniziare subito.

<Tip>
  Usa il [**Playground npm**](https://NPM-Playground.base44.app) di Base44 per vedere i pacchetti npm in azione e collegarli direttamente alla tua app.
</Tip>

**Per sfogliare i pacchetti npm di Base44:**

1. Vai su [npmjs.com](https://npmjs.com) per vedere tutti i pacchetti pubblici disponibili.
2. Clicca il pacchetto da usare per aprire la pagina dei dettagli.

***

## Aggiungere un pacchetto npm alla tua app

In Base44 puoi aggiungere pacchetti npm chattando con l'IA. Nessun terminale o comando manuale richiesto.

**Per aggiungere un pacchetto npm alla tua app:**

1. Vai all'editor della tua app.
2. Digita nella chat AI il pacchetto npm da installare.
3. Quando richiesto, clicca **Approve** nella chat.

<Frame caption="La finestra di approvazione nella chat AI durante l'installazione di un pacchetto npm">
  <img src="https://mintcdn.com/base44/rGwyblVsd7gmCHCl/images/2025-12-03_10-10-11.png?fit=max&auto=format&n=rGwyblVsd7gmCHCl&q=85&s=eeb08663a96f3f5d8842ca2b1f928e13" alt="The approval window in the AI chat when installing an NPM package" width="541" height="207" data-path="images/2025-12-03_10-10-11.png" />
</Frame>

***

## Esempio di uso di un pacchetto npm

Puoi usare anime.js per creare animazioni di ingresso raffinate per le pagine e gli elementi della tua app. Per esempio, potresti animare card, pulsanti o grafici al caricamento di una pagina per rendere il sito più coinvolgente.

Basta aggiungere un prompt come:

```text theme={null}
Install the npm anime.js and make my app beautiful
```

La chat AI ti chiederà di approvare l'installazione e il pacchetto viene installato direttamente nella tua app.

<Frame caption="Installare un pacchetto npm nella tua app in Base44">
  <img src="https://mintcdn.com/base44/EeT5kuySWp78z63R/images/anima.png?fit=max&auto=format&n=EeT5kuySWp78z63R&q=85&s=e9e48e44298455724c1ddefe6f9f9c19" alt="Installing an NPM package to your app in Base44" title="Installing an NPM package to your app in Base44" style={{ width:"87%" }} width="943" height="949" data-path="images/anima.png" />
</Frame>

Una volta installato, puoi usare anime.js per animare sezioni di pagina, icone e altro.

***

## FAQ

Clicca una domanda qui sotto per saperne di più.

<AccordionGroup>
  <Accordion title="Esiste un SDK ufficiale di Base44?">
    Base44 non offre attualmente un SDK pubblico. Tuttavia, puoi votare questa funzionalità sulla nostra [Product Roadmap](https://feedback.base44.com/roadmap/main?q=sdk).

    Per sviluppatori avanzati, è disponibile il pacchetto `npm-base44/sdk`. Questo pacchetto ti permette di eseguire specifiche funzioni di backend.
  </Accordion>

  <Accordion title="Perché ricevo errori quando installo pacchetti npm?">
    I pacchetti npm sono supportati solo sulla [nuova infrastruttura Base44](https://docs.base44.com/Building-your-app/Update-to-new-infrastructure). Se stai riscontrando errori, **assicurati di aggiornare la tua app** alla nuova infrastruttura.

    **Per verificare se devi aggiornare:**

    1. Vai all'editor dell'app.
    2. Cerca il pulsante **Update Infrastructure** nella barra superiore.
    3. Clicca **Update Infrastructure** se lo vedi e segui le istruzioni.

    **Nota:** Se non vedi il pulsante **Update Infrastructure**, stai già usando la nuova infrastruttura.
  </Accordion>

  <Accordion title="Cosa devo fare se un pacchetto NPM non si installa?">
    Se il tuo pacchetto npm non si installa o resta in sospeso, prova questi passaggi:

    1. Controlla i messaggi della chat per dettagli sull'errore. A volte la chat AI spiega problemi di dipendenze o compatibilità del pacchetto richiesto.
    2. Assicurati che la richiesta corrisponda esattamente al nome e alla versione del pacchetto.
    3. Se l'installazione richiede approvazione, verifica di aver approvato la richiesta nel pannello chat.
    4. Se l'installazione fallisce, prova a richiedere di nuovo il pacchetto tramite chat.
  </Accordion>

  <Accordion title="Posso rimuovere o aggiornare un pacchetto dopo averlo installato?">
    Una volta aggiunto un pacchetto npm, non puoi rimuoverlo dalla tua app. Tuttavia, se non usi un pacchetto npm nel codice ma lo hai installato, non ha alcun effetto sulla tua app.

    Se un pacchetto npm ha bisogno di essere aggiornato, puoi semplicemente chiedere alla chat AI di farlo per te.
  </Accordion>

  <Accordion title="Posso vedere quali pacchetti sono installati?">
    Per sapere quali pacchetti npm hai installato nella tua app, puoi chiedere alla chat AI.
  </Accordion>

  <Accordion title="Come posso scegliere pacchetti npm affidabili?">
    Scegli i pacchetti npm giusti seguendo i consigli qui sotto. Fare una piccola ricerca su ogni pacchetto, invece di installarlo subito, può aiutarti a trovare opzioni affidabili e prevenire problemi in seguito.

    * **Statistiche di download:** Verifica quanti download ha il pacchetto su npm. Pacchetti con un forte storico di download sono generalmente considerati affidabili dalla community.
    * **Qualità della documentazione:** Pacchetti ben documentati di solito rendono setup e risoluzione dei problemi molto più semplici. Cerca istruzioni chiare, esempi e riferimenti API.
    * **Tipo di licenza:** Assicurati che la licenza del pacchetto sia adatta ai requisiti del tuo progetto, specialmente se stai costruendo qualcosa di commerciale o open source.
    * **Dimensione del bundle e dipendenze:** Considera come il pacchetto influirà sulle prestazioni dell'app e se aggiunge molte nuove dipendenze. Pacchetti leggeri e mirati riducono i possibili conflitti.
    * **Attività di aggiornamento:** Rivedi il repository del progetto, ad esempio su GitHub, per vedere se gli aggiornamenti sono recenti e se i manutentori rispondono a domande o segnalazioni. I pacchetti tenuti aggiornati sono di solito più sicuri e compatibili con strumenti moderni.
    * **Feedback della community:** Esplora commenti, valutazioni e discussioni da npm, GitHub o forum di programmazione. Le esperienze di altri sviluppatori possono avvisarti di possibili problemi.
  </Accordion>
</AccordionGroup>

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