Apa yang Baru di Nuxt 3?

Dengan kesimpulan dari Nuxt Nation Conference pertama , banyak dari kita memiliki Nuxt 3 di otak. Jadi apa hasil konferensi tentang masa depan Nuxt? Berikut ikhtisar singkat tentang apa yang kami pelajari!

Rilis Beta

Yang paling menarik dari semuanya, kami sekarang memiliki tanggal yang ditetapkan untuk rilis beta! Tandai kalender Anda untuk 12 Oktober 2021 !

Vue 3

Jika Anda ragu menggunakan Nuxt karena kurangnya dukungan untuk Vue 3, penantian Anda hampir berakhir! Nuxt 3 dibangun dengan versi terbaru Vue dan oleh karena itu akan menuai semua manfaat dari kerangka kerja Vue 3 termasuk:

• Peningkatan kinerja
• <script setup>
• dan API Komposisi

Nitro

Nuxt 3 akan dibangun di atas mesin server baru yang disebut Nitro. Karena penulisan ulang mesin server ini, Nuxt sekarang akan mendapat manfaat dari:

• mulai dingin yang dioptimalkan dengan pemisahan kode server dinamis (dari 250 md di Nuxt 2 hingga 5 md di Nuxt 3)
• generasi statis tambahan (kemampuan untuk memiliki campuran SSR dan SSG)
• kemungkinan penyebaran ke sistem apa pun yang mendukung JavaScript (termasuk Node.js, Tanpa Server, Pekerja, rendering sisi tepi atau murni statis)
• penyebaran ke platform tanpa server seperti Netlify, Vercel, Azure, AWS, dan CloudFlare Workers (platform otomatis terdeteksi, tidak diperlukan konfigurasi)
• Rute API, seperti halaman tetapi untuk titik akhir API

Bundlers

Nuxt 3 akan mendukung bundling dengan Webpack versi terbaru (versi 5) serta Vite untuk pengembangan dan produksi. Apa pun yang Anda pilih, Anda pasti akan mengalami pengalaman pengembangan yang lebih cepat dan waktu pembuatan produksi yang berkurang.

Nuxt Bridge

Khawatir tentang migrasi dari Nuxt 2 ke Nuxt 3? Tim yang luar biasa di Nuxt Labs mengetahui kekhawatiran dunia nyata dari migrasi semacam itu dan telah berupaya membuat transisi semudah mungkin. Di situlah Nuxt Bridge masuk. Nuxt Bridge menyediakan:

• kompatibilitas mundur untuk Nuxt 2 nuxt.config.js
• dan kompatibilitas mundur untuk modul dan plugin Nuxt 2

Sebagai alternatif, Nuxt Bridge juga memungkinkan Anda untuk memperbarui secara bertahap ke Nuxt 3 dengan mem-backport beberapa fitur Nuxt 3 ke Nuxt 2 termasuk:

• Server nitro
• Dukungan CLI dan Devtool
• API Komposisi Nuxt 3 dengan impor otomatis
• Kit Nux
• Dukungan TypeScript bawaan
• dan banyak lagi!

Fitur Baru Lainnya!

• Organisasi UnJS - Nuxt core dipecah menjadi paket yang kompatibel dengan Node dan Deno
• Dukungan Halaman Opsional - hanya gunakan Vue Router jika Anda membutuhkannya
• Nuxt CLI - untuk membuat proyek baru dengan mudah dan mengintegrasikan modul
• Nuxt Devtools - Debug Nuxt dengan alat khusus langsung dari browser
• Dukungan ESM Asli - gunakan export defaulthampir di mana-mana
• Impor global otomatis - gunakan <script setup>tanpa harus mengimpor referensi, dihitung, dll
• Suspense - pengambilan data di komponen apa pun, sebelum atau sesudah navigasi.
• TypeScript - Dibangun dengan TypeScript dan mendukung TypeScript di luar kotak
• Nuxt Kit - alat pengembangan modul dengan dukungan untuk TypeScript dan kompatibilitas lintas versi