Next.js

next/font

當您使用 next/font 模組時，Next.js 會自動最佳化應用程式中的字型。它在構建時下載字體檔案並將它們與其他靜態資產一起託管。這意味著當用戶訪問您的應用程式時，不會有影響效能的額外字體網路請求。

next/image

元件是 HTML 標籤的擴展，並帶有自動圖像優化功能，例如：

載入影像時自動防止佈局偏移。 調整影像大小以避免將大影像傳送到視窗較小的裝置。 預設延遲載入影像（影像進入視口時載入）。 提供現代格式的圖像，例如 WebP和 AVIF，當瀏覽器支援時。