🐛 버그: afterlogin 라우트 접근 시 404 발생 (layout.tsx 누락)

[0727n1122-beep]

🐞 문제 상황

사이드바에서 아래 페이지로 이동 시 모두 404(Not Found) 페이지가 표시됨.

• /home
• /prompts
• /community
• /library

각 경로에 해당하는 page.tsx 파일은 모두 존재했으나,
브라우저에서는 "이 페이지는 존재하지 않습니다"가 노출됨.

---

🔍 원인 분석

app/(afterlogin) 라우트 그룹 하위에 layout.tsx가 존재하지 않아
Next.js App Router에서 라우트 트리가 정상적으로 구성되지 않음.

Next.js는 하위 페이지 접근 시 다음 순서로 layout을 탐색함:

1. app/layout.tsx
2. app/(afterlogin)/layout.tsx ❌ (누락)
3. app/(afterlogin)/[route]/page.tsx

중간 layout이 없을 경우 해당 라우트는 Not Found로 처리됨.

---

✅ 해결 방법

app/(afterlogin)/layout.tsx 파일을 추가하여
afterlogin 영역의 공통 레이아웃(사이드바)을 정의함.

// app/(afterlogin)/layout.tsx
import Sidebar from "@/components/sidebar/Sidebar";

export default function AfterLoginLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex min-h-screen">
      <Sidebar />
      <main className="flex-1">{children}</main>
    </div>
  );
}
****