Posted on Nov 02, 2021 In Technology

Nuxt 3 Beta

by Commit Software

Nuxt 3 Beta

Nuxt 3 è costruito con l’ultima versione di Vue e quindi raccoglierà tutti i vantaggi del framework Vue 3, tra cui:

  • Prestazioni estremamente migliorate
  • <script setup>
  • Composition API

 

Oltre a supportare Vue 3 e Vite, Nuxt 3 contiene un nuovo motore server, che sblocca nuove funzionalità full-stack per il server Nuxt. È il primo server di applicazioni JavaScript adattabile a una ampissima varietà di cloud hosting provider .

In produzione, costruisce la tua applicazione Vue e il tuo server in un’unica directory .output universale. Questo output è leggero: minimizzato e senza altre dipendenze Node.js.

 Puoi distribuire questo output su qualsiasi sistema che supporti JavaScript, sia Node.js, Serverless, Workers, Egde-side rendering o puramente statico.

Questo motore server può essere utilizzato su progetti Nuxt 2 esistenti con Nuxt Bridge. 

Ecco alcuni importanti traguardi raggiunti durante il rilascio di Nuxt 3:

 

Nuxt Nitro 

Nuxt 3 è alimentato da un nuovo motore server, nome in codice “Nitro”.

Questo motore ha molti vantaggi:

  •       Supporto multipiattaforma per Node.js, browser, service-worker e altro
  •       Supporto serverless out of the box (Netlify, Vercel, Azure, AWS, and CloudFlare Workers)
  •       Supporto per le API routes
  •       Automatic code-splitting e async-loaded chunks
  •       Modalità ibrida per siti statici + serverless
  •       Server di sviluppo con hot module reload

 

Bundler

Nuxt 3 supporterà il bundle con l’ultima versione di Webpack e Vite sia per le build di sviluppo che di produzione. 

Se desideri utilizzare e sperimentare Vite in fase di sviluppo per Nuxt 2, puoi farlo con il modulo Nuxt Vite, nonostante alcuni moduli potrebbero non funzionare al meglio.

 

Nuxt Bridge

Nuxt Bridge fornisce:

  • retrocompatibilità con le versioni precedenti per Nuxt 2 nuxt.config.js
  • retrocompatibilità per moduli e plugin Nuxt 2

In alternativa, il Nuxt Bridge consente di eseguire il backport di diverse funzionalità di Nuxt 3 su Nuxt 2, tra cui:

  • Nitro server
  • Supporto CLI e Devtool
  • Nuxt 3 Composition API e automatic imports
  • Kit Nuxt
  • Supporto a Typescript

 

Altre nuove funzionalità:

  • Organizzazione UnJS – Nuxt core suddiviso in pacchetti compatibili con Node e Deno
  • Supporto pagina opzionale – solo se inizi ad usare il router
  • Nuxt CLI – per nuovi progetti e integrazione dei moduli
  • Nuxt Devtools – Debugga Nuxt con strumenti specializzati direttamente dal browser
  • Supporto ESM nativo
  • Importazioni globali automatiche : utilizza <script setup>senza dover importare ref, computed, ecc.
  • Suspense : recupero dei dati in qualsiasi componente, prima o dopo la navigazione.
  • Typescript – Costruito con Typescript e supporta Typescript pronto all’uso
  • Nuxt Kit – strumenti di sviluppo del modulo con supporto per Typescript e compatibilità tra versioni