75 lines
2.5 KiB
TypeScript
75 lines
2.5 KiB
TypeScript
import DashboardListClient from "@/app/(main)/admin/dashboard/DashboardListClient";
|
|
import { cookies } from "next/headers";
|
|
|
|
/**
|
|
* 서버에서 초기 대시보드 목록 fetch
|
|
*/
|
|
async function getInitialDashboards() {
|
|
try {
|
|
// 서버 사이드 전용: 백엔드 API 직접 호출
|
|
// 도커 네트워크 내부에서는 서비스 이름 사용, 로컬에서는 127.0.0.1
|
|
const backendUrl = process.env.SERVER_API_URL || "http://backend:8080";
|
|
|
|
// 쿠키에서 authToken 추출
|
|
const cookieStore = await cookies();
|
|
const authToken = cookieStore.get("authToken")?.value;
|
|
|
|
if (!authToken) {
|
|
// 토큰이 없으면 빈 데이터 반환 (클라이언트에서 로드)
|
|
return {
|
|
dashboards: [],
|
|
pagination: { total: 0, page: 1, limit: 10 },
|
|
};
|
|
}
|
|
|
|
const response = await fetch(`${backendUrl}/api/dashboards/my?page=1&limit=10`, {
|
|
cache: "no-store", // 항상 최신 데이터
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
Authorization: `Bearer ${authToken}`, // Authorization 헤더로 전달
|
|
},
|
|
});
|
|
|
|
if (!response.ok) {
|
|
throw new Error(`Failed to fetch dashboards: ${response.status}`);
|
|
}
|
|
|
|
const data = await response.json();
|
|
return {
|
|
dashboards: data.data || [],
|
|
pagination: data.pagination || { total: 0, page: 1, limit: 10 },
|
|
};
|
|
} catch (error) {
|
|
console.error("Server-side fetch error:", error);
|
|
// 에러 발생 시 빈 데이터 반환 (클라이언트에서 재시도 가능)
|
|
return {
|
|
dashboards: [],
|
|
pagination: { total: 0, page: 1, limit: 10 },
|
|
};
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 대시보드 관리 페이지 (서버 컴포넌트)
|
|
* - 페이지 헤더 + 초기 데이터를 서버에서 렌더링
|
|
* - 클라이언트 컴포넌트로 초기 데이터 전달
|
|
*/
|
|
export default async function DashboardListPage() {
|
|
const initialData = await getInitialDashboards();
|
|
|
|
return (
|
|
<div className="bg-background flex min-h-screen flex-col">
|
|
<div className="space-y-6 p-6">
|
|
{/* 페이지 헤더 (서버에서 렌더링) */}
|
|
<div className="space-y-2 border-b pb-4">
|
|
<h1 className="text-3xl font-bold tracking-tight">대시보드 관리</h1>
|
|
<p className="text-muted-foreground text-sm">대시보드를 생성하고 관리할 수 있습니다</p>
|
|
</div>
|
|
|
|
{/* 나머지 컨텐츠 (클라이언트 컴포넌트 + 서버 데이터) */}
|
|
<DashboardListClient initialDashboards={initialData.dashboards} initialPagination={initialData.pagination} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|