用 Next.js App Router 將 SaaS 儀表板遷移至側邊欄佈局
從單頁傾倒式佈局到 5 頁側邊欄架構。固定側邊欄的共存、共享 CSS Grid 模板、Coming Soon 模式，以及 LP 與儀表板共用的單一 i18n 字典——用 Claude Code 在 2 小時內完成。
23 min readengineeringnextjsapp-routerclaude-code
來自 HeatMapX 的 CRO 改善筆記、產業基準與案例研究。
從單頁傾倒式佈局到 5 頁側邊欄架構。固定側邊欄的共存、共享 CSS Grid 模板、Coming Soon 模式，以及 LP 與儀表板共用的單一 i18n 字典——用 Claude Code 在 2 小時內完成。
我們如何用 Claude Code 在一天內從零重建 HeatMapX 儀表板——涵蓋 Tailwind v4 深色模式、CSS Grid 表格對齊的陷阱，以及 16 次設計迭代的實際樣貌。