01 코드 우선
검토된 애플리케이션 코드로 대시보드를 구축합니다.
대시보드 논리, 쿼리, 레이아웃, 필터 및 릴리스 변경 사항을 나머지 앱 버전과 함께 유지하세요.
TypeScript ·review ·release
솔루션 / 대시보드 코드로 빌드하고.
코드로 빌드하고.
명확하게 설계한
대시보드.
적절한 데이터를 적절한 사람에게 표시하는 대화형 대시보드를 구축하세요. 구성 요소로 구성하고, 운영 소스에 연결하고, 검토된 통찰력 표면을 제공하세요.
코드 우선 대시보드
TypeScript로 대시보드를 작성합니다. 다른 코드와 마찬가지로 버전 관리, 검토, 출시가 가능합니다.
TypeScript에서 구성 가능
통제된 차트 구성 요소를 코드로 작성합니다. 내장 차트 애드온의 KPI 카드와 막대 차트, 필터, 표, 사용자 정의 구성 요소 등이 있습니다.
통제된 소스 연결
통제된 서버 측 경로를 통해 앱 및 SQL 데이터를 쿼리합니다.
디자인에 따라 경로 새로 고침
검토된 플랫폼 경로를 통해 새로 고침 정책을 설정하고 후속 작업을 라우팅합니다.
솔루션/대시보드 샘플 데이터
대시보드 / 수익 개요
샘플 데이터
총수익
$1.23M
+12.4%
이전 30일 대비
활성 고객
24,389
+8.1%
이전 30일 대비
주문
8,642
+15.2%
이전 30일 대비
ARPU
$54.32
+6.7%
이전 30일 대비
시간 경과에 따른 수익
일일 예약 수익
지역별 수익
북아메리카 $542K 44%
유럽 $312K 25%
아시아 태평양 $246K 20%
남아메리카 $78K 6%
기타 $42K 5%
솔루션 아키텍처 모든 대시보드는
모든 대시보드는
통제된 경로에서 시작합니다.
Relpin은 팀에게 실제 운영 데이터에서 대시보드 표면을 구축하고, 쿼리 액세스 범위를 유지하고, 검토된 릴리스를 통해 시각적 변경 사항을 제공할 수 있는 기본 기능을 제공합니다.
02 구성요소
측정항목, 차트, 필터, 테이블을 구성합니다.
대시보드에 제품별 컨텍스트가 필요한 경우 기본 구성 요소 세트, shadcn/ui 기준선 및 사용자 정의 구성 요소를 사용합니다.
charts ·filters ·tables
03 데이터 소스
앱 데이터, SQL 테이블 및 향후 소스를 연결하세요.
측정항목을 별도의 보고 화면에 복사하는 대신 통제된 데이터 경로에 대한 대시보드 쿼리를 모델링하세요.
SQL ·아피스 ·events
04 새로 고침 제어
대시보드 쿼리 새로 고침 방법을 제어합니다.
통제된 쿼리 경로에 새로 고침 정책을 설정합니다. 임계값 경고 및 이벤트 트리거가 계획되어 있습니다.
refresh ·queries ·planned
05 접근
역할과 환경별로 모든 대시보드의 범위를 지정하세요.
지표를 보고, 대시보드 코드를 편집하고, 변경 사항을 게시하고, 민감한 소스 데이터에 액세스할 수 있는 사람을 제한하세요.
RBAC ·sources ·publish
06 출시 준비
고정된 릴리스를 통해 대시보드 변경 사항을 홍보합니다.
DEV, TEST 및 PROD를 통해 차트, 필터, 쿼리, 새로 고침 정책 및 권한을 검토된 아티팩트로 제공합니다.
DEV ·TEST ·PROD
내부 도구용으로 제작되었습니다. 신뢰를 위해 설계되었습니다.
✓ 코드 검토 대시보드
✓ 설계상 권한 인식
✓ 통제된 쿼리 경로
✓ 첫날부터 감사 가능