用 Next.js App Router 将 SaaS 仪表板迁移到侧边栏多页面布局
从「什么都堆在一页」到 5 页侧边栏布局。固定侧边栏共存方案、共享 CSS Grid 模板、即将上线功能的占位模式，以及一个在 LP 和仪表板之间共享的 i18n 字典——用 Claude Code 两小时搞定。
22 min readengineeringnextjsapp-routerclaude-code
来自 HeatMapX 的 CRO 改进笔记、行业基准与案例研究。
从「什么都堆在一页」到 5 页侧边栏布局。固定侧边栏共存方案、共享 CSS Grid 模板、即将上线功能的占位模式，以及一个在 LP 和仪表板之间共享的 i18n 字典——用 Claude Code 两小时搞定。
我们如何在一天内用 Claude Code 从零重建 HeatMapX 仪表板——涵盖 Tailwind v4 深色模式、CSS Grid 表格对齐的坑，以及 16 次设计迭代的真实过程。