- Bổ sung File-Based Metadata API
- Chuyển đổi Metadata được export động hoặc tĩnh từ
page hoặc layout thành các giá trị của thẻ title, link, meta trong HTML
- Config-based Metadata đọc các tệp theo quy tắc đặt tên và thêm vào giá trị meta của trang tương ứng
- ví dụ: nếu có tệp tên là
opengraph-image.jpg => sẽ được chuyển đổi và thêm thành <meta property=og:image” .. />
- Metadata API được hỗ trợ từ App Router(app) của 13.3
- Dynamic Open Graph Image Generation: có thể tạo ảnh động bằng
ImageResponse mà không cần gói bên ngoài nào. Nếu dùng opengraph-image.tsx trong config-based metadata đã nói ở trên thì có thể tạo giá trị Open Graph phù hợp và ảnh Twitter tại thời điểm request
- Static Export for App Router: App Router giờ đã hỗ trợ trang tĩnh hoàn toàn.
- Thêm tùy chọn
output: ‘export’, vào tệp cấu hình và chạy next build thì sẽ tạo trang HTML cho từng route
- Khi render bằng cách lấy dữ liệu động, ngay cả với Server Components cũng sẽ lấy dữ liệu trong lúc build để tạo thành HTML
- Nếu không biết cần lấy dữ liệu nào ở thời điểm build thì dùng Client Component
- Parallel Routes and Interception: Next.js 13.3 giới thiệu các quy tắc động mới, cho phép triển khai kỹ thuật routing nâng cao.
- Parallel Routes: có thể render đồng thời một hoặc nhiều trang (tùy điều kiện) trên cùng một màn hình; có thể chỉ định nhiều slot bắt đầu bằng
@ và render trang khác nhau cho từng slot
- Intercepting routes: có thể dùng quy tắc bắt đầu bằng
(..) để tải route mới bên trong layout hiện tại. Hữu ích để giữ nguyên thông tin ngữ cảnh của trang hiện tại
2 bình luận
Tiếc là lần này hầu như không có bản vá nào của tôi được đưa vào
Tôi đã sửa issue về Wasm, nhưng do khâu review và các công việc liên quan đến CI nên vẫn chưa được phản ánh vào
Tôi đã mong và kỳ vọng là lần này sẽ được phản ánh, nhưng thật tiếc. Anh/chị đã vất vả rồi~