← กลับไปหน้าบทเรียนบทที่ 12
12. Auth & Dashboard — Supabase Auth + Member Feature
Auth Pages
/auth/login
/auth/register
/auth/forgot-password
/auth/reset-passwordMiddleware
typescript
// src/middleware.ts
export { middleware } from "@/lib/auth/session";
// หรือ custom middleware ที่ check session แล้ว redirectDashboard
/dashboard — Member dashboard
/dashboard/prompts — Saved promptsContent Access Pattern
typescript
// src/lib/content-access.ts
type ContentAccessMeta = {
accessLevel: "public" | "member" | "pro";
contentType: string;
memberBenefit: string;
proBenefit: string;
badges?: string[];
};ใช้ component ContentAccessBadge เพื่อแสดง badge ระดับการเข้าถึงบน card:
tsx
<ContentAccessBadge meta={{ accessLevel: "member", memberBenefit: "สมัครฟรีเพื่อบันทึก", ... }} />📥 ดาวน์โหลดฉบับเต็ม
