這個理由 讓我不得不使用伺服器渲染(SSR)前端

說明

初次使用 React 預設使用客戶端渲染，後來發現遇到一個問題，讓我不得不改成伺服器端渲染，另外我跟大家分享，我改用伺服器端渲染時遇到的一個常見的問題。

超連結沒有預覽

上圖是我在 Line 分享的超連結，在沒有使用伺服器端渲染時，沒有辦法看到標題和描述，這是因為這些資料是動態產生的，要如何分辨哪些是動態產生的，只需檢視網頁原始碼，只要畫面多出的程式碼是沒有出現在原始碼的，那它就是動態產生的。

然後這些超連結的資料是抓取網頁有 og 屬性的 meta 元素，例如：<meta property="og:description" content="description" />，但我的網頁中 meta 元素是動態產生的，結果導致超連結沒有辦法偵測到這些資訊。

使用伺服器渲染遇到的問題

我遇到最麻煩的問題是 window, document 物件，都是瀏覽器提供的，在伺服器渲染時是沒有這些物件的。