部分預渲染 (Partial Prerendering) (實驗性功能)

警告:部分預渲染 (Partial Prerendering) 是實驗性功能,目前不建議用於生產環境

部分預渲染 (Partial Prerendering) 是一項實驗性功能,允許在單一 HTTP 請求中預渲染路由的靜態部分並從快取提供服務,同時串流載入動態內容區塊。

部分預渲染 (Partial Prerendering) 功能可在 next@canary 版本中使用:

Terminal
npm install next@canary

您可以透過設定實驗性 ppr 標記來啟用部分預渲染 (Partial Prerendering):

next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    ppr: true,
  },
}

module.exports = nextConfig

須知事項

  • 部分預渲染 (Partial Prerendering) 目前尚未支援客戶端導航 (client-side navigation)。我們正在積極開發此功能。
  • 部分預渲染 (Partial Prerendering) 專為 Node.js 運行環境 設計。當您能立即提供靜態框架時,無需使用 Node.js 運行環境的子集。

您可以在 Next.js 學習課程 中了解更多關於部分預渲染 (Partial Prerendering) 的資訊。