제품 설계노트2분 읽기
Metronic 위에 공개 사이트와 운영 콘솔을 함께 설계합니다
블로그와 관리자, 외부 통계를 별도 제품처럼 나누지 않고 하나의 디자인 언어와 실행 단위로 묶은 이유입니다.
공개 블로그와 관리자 화면은 정보 밀도가 다릅니다. 그렇다고 각각 다른 제품처럼 만들면 탐색, 색상, 컴포넌트 규칙을 두 번 관리하게 됩니다.
하나의 애플리케이션, 두 개의 레이아웃
Next.js App Router의 route group으로 공개 영역과 관리자 영역을 나눕니다. 배포 프로세스는 하나지만 각 영역은 목적에 맞는 레이아웃을 가집니다.
- 공개 영역은 긴 글과 코드의 가독성을 우선합니다.
- 관리자 영역은 상태, 표, 차트를 빠르게 비교합니다.
- 공통 primitive와 디자인 토큰은 Metronic을 기준으로 공유합니다.
템플릿은 복사가 아니라 기준으로 사용하기
구매한 Metronic 원본은 로컬에만 보관합니다. 화면을 만들 때 문서와 데모를 먼저 확인하고 필요한 패턴만 프로젝트 코드로 이식합니다. 라이선스 원본에 런타임 의존성을 만들지 않으면서도 이후 작업의 일관성을 유지하기 위한 선택입니다.
통계는 실제 연동 전까지 비워 두기
Analytics, Search Console, AdSense는 인증 정보가 준비된 뒤 서버 경계에서 연결합니다. 그전에는 가짜 숫자를 보여주지 않고 연결 상태와 필요한 다음 작업을 명확히 표시합니다.