- Penambahan File-Based Metadata API
- Metadata yang diekspor secara dinamis atau statis dari
page atau layout diubah menjadi nilai tag title, link, dan meta pada HTML
- Metadata berbasis konfigurasi membaca file sesuai aturan file dan menambahkannya ke nilai meta halaman tersebut
- mis. jika ada file bernama
opengraph-image.jpg => akan ditambahkan sebagai konversi menjadi <meta property=og:image” .. />
- Metadata API didukung mulai App Router (
app) di 13.3
- Dynamic Open Graph Image Generation: tanpa paket eksternal tambahan, gambar dinamis dapat dibuat menggunakan
ImageResponse. Jika menggunakan opengraph-image.tsx pada metadata berbasis konfigurasi yang disebut sebelumnya, nilai Open Graph yang sesuai dan gambar Twitter dapat dibuat pada saat request
- Static Export for App Router: App Router kini mendukung halaman statis sepenuhnya.
- Tambahkan opsi
output: ‘export’, pada file konfigurasi lalu jalankan next build, maka halaman HTML akan dibuat untuk setiap route
- Jika dirender dengan mengambil data dinamis, bahkan dalam kasus Server Components, data akan diambil selama build dan dibuat menjadi HTML
- Jika saat build time tidak diketahui data apa yang harus diambil, gunakan Client Component
- Parallel Routes and Interception: Next.js 13.3 memperkenalkan aturan dinamis baru sehingga teknik routing tingkat lanjut dapat diimplementasikan.
- Parallel Routes: satu atau lebih halaman dapat dirender secara bersamaan (sesuai kondisi) pada layar yang sama; Anda dapat menentukan beberapa slot yang diawali dengan
@ dan merender halaman berbeda untuk masing-masing slot
- Intercepting routes: dengan menggunakan aturan yang diawali
(..), Anda dapat memuat route baru di dalam layout saat ini. Ini berguna untuk mempertahankan informasi konteks halaman saat ini
2 komentar
Sayangnya kali ini patch saya hampir tidak masuk.
Saya sudah memperbaiki isu Wasm, tetapi masih belum diterapkan karena review dan pekerjaan terkait CI.
Saya sempat berharap ini akan ikut diterapkan kali ini, jadi agak disayangkan. Terima kasih atas kerja kerasnya~