Dashboard

이 페이지는 서버에서 2초 지연 후 렌더링되었습니다. loading.tsx 덕분에 대기 중에도 skeleton이 표시되었습니다.

서버 렌더링 시각:

PM 5:01:40

핵심 소스코드

// dashboard/page.tsx
export const dynamic = 'force-dynamic';

const DashboardPage = async () => {
  // 2초 지연 시뮬레이션
  await new Promise((resolve) => setTimeout(resolve, 2000));
  return <div>Dashboard 콘텐츠</div>;
};

// dashboard/loading.tsx
const Loading = () => {
  return <LoadingSkeleton />;
  // → Next.js가 자동으로 page.tsx를
  //   <Suspense fallback={<Loading />}>로 래핑
};

← 목록으로 돌아가기