React

整理 4 年多來網頁前後端與 React Native 開發所用的工具與架構：Monorepo、環境變數、資料庫、佇列與前端套件，以及讓 AI 寫出可維護程式碼的規範。

Client Component 無法直接匯入 Server Component。把搜尋等即時狀態寫進 URL search params，讓頁面透過 searchParams 取值再傳給 RSC，並可搭配 nuqs 管理。

Next.js 專案總是出現 react-hydration-error？解析 Hydration 原理與 SSR、CSR 流程，並提供三種避免 Hydration Error 的實用解法。

React Server Component（RSC）在伺服器渲染元件並串流到瀏覽器、減少 bundle 大小。本文說明 RSC 在 Next.js 中的運作，以及它和 SSR 的關係。

我花了將近一年重構陪伴我三年的個人網站。從 2021 年用 Next.js 與 TypeScript 練手開始，這篇整理這次重構選用的技術棧與原因。