Com'è strutturato il framework Nuxt?
Nuxt è costruito attorno a Vue e aggiunge un livello applicativo basato su convenzioni. La sua architettura pubblica documentata include componenti Vue, routing basato su file, controlli di rendering, utilità per i dati, strumenti di build e un server alimentato da Nitro.
Questa descrizione riguarda il framework che gli sviluppatori possono utilizzare. Non deduce da segnali pubblici l'hosting privato, l'archiviazione, il monitoraggio o la progettazione interna della distribuzione di nuxt.com.
Livelli pubblici del framework
| Livello | Responsabilità documentata |
|---|---|
| Vue | Componenti, template, reattività, composable e interazione nel browser |
| Convenzioni dell'applicazione Nuxt | Pagine, layout, middleware, plugin, import automatici, configurazione e schemi di gestione dei dati |
| Router del file system | Converte i file Vue in app/pages/ in route dell'applicazione |
| Sistema di rendering | Supporta rendering universale, rendering lato client, prerendering e comportamento ibrido delle route |
| Nitro | Esegue rendering server, gestori API, middleware, plugin server e output orientato alla distribuzione |
| Moduli opzionali | Estendono Nuxt senza rendere ogni funzionalità parte del nucleo del framework |
| Nuxt Content | Aggiunge raccolte di contenuti basate su file, query, dati di navigazione e supporto MDC |
Come può fluire una richiesta
- Un URL corrisponde a una route di pagina, una route server o un gestore API creato dalla struttura del progetto.
- Le regole delle route possono modificare rendering, caching, reindirizzamento o comportamento solo client per quel percorso.
- Nitro gestisce il lavoro server al momento della richiesta quando la modalità selezionata lo richiede.
- Vue renderizza l'interfaccia e le pagine universali possono eseguire l'hydration nel browser per l'interazione.
- Le route prerenderizzate possono invece fornire output prodotto durante la build.
Il preset di distribuzione scelto adatta l'output Nitro a un runtime supportato. Le funzionalità della piattaforma restano importanti: integrazione della cache, rigenerazione incrementale, API server disponibili e comportamento dei processi possono differire tra host.
La revisione dell'architettura dovrebbe quindi comprendere la versione di Nuxt, i moduli abilitati, le regole delle route, il payload client, i confini solo server e il runtime di destinazione. Il framework fornisce i componenti, mentre ciascun progetto determina come combinarli.
