[커뮤니티] 프로필 페이지 SSR 전환 및 에러 리다이렉트 처리

[커뮤니티] 프로필 페이지 SSR 전환 및 에러 리다이렉트 처리

Author: ydw1996

src/app/(header-layout)/profile/[memberId]/page.tsx

@@ -1,11 +1,32 @@
-import { Suspense } from 'react'
-import LoadingSpinner from '@/components/ui/LoadingSpinner'
-import MembersContent from '@/app/(header-layout)/profile/components/MembersContent'
-
-export default function MemberProfilePage() {
-  return (
-    <Suspense fallback={<LoadingSpinner />}>
-      <MembersContent />
-    </Suspense>
-  )
+import { redirect } from 'next/navigation'
+import { getMemberById } from '@/services/member'
+import ProfileSection from '@/app/(header-layout)/profile/components/profile/ProfileSection'
+import MemberInfoSection from '@/app/(header-layout)/profile/components/memberinfo/MemberInfoSection'
+
+type PageParams = Promise<{ memberId: string }>
+
+export default async function MemberProfilePage({ params }: { params: PageParams }) {
+  const { memberId } = await params
+  const id = Number(memberId)
+
+  if (isNaN(id)) {
+    redirect('/error')
+  }
+
+  try {
+    const data = await getMemberById(id)
+
+    if (!data?.member) {
+      redirect('/error')
+    }
+
+    return (
+      <div className="flex flex-col gap-6">
+        <ProfileSection user={data.member} />
+        <MemberInfoSection user={data.member} />
+      </div>
+    )
+  } catch {
+    redirect('/error')
+  }
 }