Admin Template

서비스에 바로 가져다 쓸 수 있는 관리자 화면 템플릿입니다. 회원, 감사 로그, 공통 코드, 이메일, 비속어, 게시판, 권한, 약관, 시스템, 접속 통계 10개 탭이 한 틀에 담겨 있습니다. 아래 미리보기에서 탭을 눌러 보고, 화면 전체로 보려면 버튼을 누르세요.

Preview

import { AdminKit } from "@/meerkit";

export default function Page() {
  return <AdminKit serviceName="내 서비스" backHref="/" />;
}

탭 구성

Usage

AdminKit을 화면에 놓으면 됩니다. 관리자만 볼 수 있게 하려면 RequireRole로 감싸세요.

import { AdminKit, RequireRole } from "@/meerkit";

export default function Page() {
  return (
    <RequireRole role="MASTER">
      <AdminKit serviceName="내 서비스" backHref="/" />
    </RequireRole>
  );
}

Props

서버와 연결하려면

• 각 탭의 목 데이터는 admin/kit/mock.ts에 모여 있습니다. 탭 안의 useState 초기값을 API 결과로 바꾸면 됩니다.
• 멤버 목록은 이미 서버와 연결된 MemberDirectory 컴포넌트가 따로 있습니다. 실제 회원 관리에는 그것을 쓰세요.
• 색은 킷 토큰(brand, destructive, muted)만 쓰므로 테마를 바꾸면 함께 바뀝니다.