connection

connection() 函式允許您指定渲染應等待使用者請求後再繼續執行。

當元件不使用動態 API，但您希望它在執行階段動態渲染而非在建置階段靜態渲染時，此函式特別有用。這種情況通常發生在您存取外部資訊且有意改變渲染結果時，例如使用 Math.random() 或 new Date()。

import { connection } from 'next/server'

export default async function Page() {
  await connection()
  // 以下內容將被排除在預先渲染之外
  const rand = Math.random()
  return <span>{rand}</span>
}

import { connection } from 'next/server'

export default async function Page() {
  await connection()
  // 以下內容將被排除在預先渲染之外
  const rand = Math.random()
  return <span>{rand}</span>
}