Route Guards

로그인 여부와 역할에 따라 화면을 보호하는 두 개의 래퍼입니다.

RequireAuth

로그인하지 않았다면 안내 문구와 로그인 버튼을 보여 줍니다. 세션을 복원하는 동안에는 "불러오는 중…"을 보여 줍니다.

import { RequireAuth } from "@/meerkit";

export default function Page() {
  return (
    <RequireAuth>
      <MyPage />
    </RequireAuth>
  );
}

RequireRole

로그인 확인 후 역할까지 검사합니다. 다른 역할이면 "접근 권한이 없습니다."를 보여 줍니다.

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

<RequireRole role={ADMIN_ROLE}>
  <AdminMembersPage />
</RequireRole>

GuestOnly

로그인하지 않은 사람만 볼 화면(로그인·회원가입·아이디 찾기·비밀번호 찾기·비밀번호 재설정)을 감쌉니다. 로그인한 사람이 주소창으로 들어오면 화면을 보여 주지 않고 redirectTo(기본 routes.home)로 보냅니다. 킷의 /reset-password에는 이미 적용되어 있습니다. 인증 화면을 팝업 대신 페이지로 만든 서비스는 그 페이지마다 감싸 주세요. 로그인한 사람에게는 인증 팝업(AuthDialog)도 열리지 않습니다.

import { GuestOnly } from "@/meerkit";

export default function LoginPage() {
  return (
    <GuestOnly redirectTo="/projects">
      <LoginForm />
    </GuestOnly>
  );
}

Props

States

Where they are used

• /me: RequireAuth
• /admin/members: RequireRole role="MASTER"
• 서비스 화면(app/(service)/)에서도 같은 방식으로 감싸면 됩니다.

Customization

안내 문구와 모양은 auth/guards/ 안의 두 파일에서 바꿉니다. 로그인하지 않은 사용자를 다른 페이지로 보내고 싶다면 RequireAuth에서 router.replace를 호출하세요.