Next.js App Router로 SaaS 대시보드를 사이드바 레이아웃으로 마이그레이션하기
단일 페이지 덤프에서 5페이지 사이드바 레이아웃으로. sticky 사이드바 공존, 공유 CSS Grid 템플릿, Coming Soon 패턴, 그리고 LP와 대시보드가 공유하는 단일 i18n 딕셔너리 — Claude Code로 2시간 만에 구축했습니다.
26 min readengineeringnextjsapp-routerclaude-code
HeatMapX의 CRO 개선 노트 · 벤치마크 · 사례 모음.
단일 페이지 덤프에서 5페이지 사이드바 레이아웃으로. sticky 사이드바 공존, 공유 CSS Grid 템플릿, Coming Soon 패턴, 그리고 LP와 대시보드가 공유하는 단일 i18n 딕셔너리 — Claude Code로 2시간 만에 구축했습니다.
Claude Code를 활용해 HeatMapX 대시보드를 하루 만에 완전히 재구축한 과정 — Tailwind v4 다크 모드, CSS Grid 테이블 정렬의 함정, 그리고 16번의 디자인 반복이 실제로 어떤 모습인지를 다룹니다.