feat: 최초 페이지 접근 시 랜딩 페이지로 리다이렉트

Author: DongEun02

app/(with-sidebar)/layout.tsx

@@ -15,7 +15,6 @@ export default function SidebarLayout({
 
   if (loading) return <div>로딩중...</div>;
   if (!isAuthed) {
-    alert('로그인이 필요합니다.');
     return null;
   }
 

components/auth/LoginForm.tsx

@@ -22,12 +22,19 @@ const LoginForm = ({ handleOpenModal }: LoginFormProps) => {
 
   const router = useRouter();
 
+  // 쿠키 설정 헬퍼 함수
+  const setLoginCookie = () => {
+    // 7일간 유지되는 쿠키 설정
+    document.cookie = 'isLoggedIn=true; path=/; max-age=' + 60 * 60 * 24 * 7;
+  };
+
   const handleGithubLogin = async () => {
     if (isLoading) return;
     setIsLoading(true);
     setError('');
     try {
       await signupWithGithub();
+      setLoginCookie(); // 쿠키 설정
       router.push('/');
     } catch (err: unknown) {
       setError('Github 로그인에 실패했습니다.');
@@ -58,6 +65,7 @@ const LoginForm = ({ handleOpenModal }: LoginFormProps) => {
         password
       );
       // console.log('로그인 성공!', userCredential.user);
+      setLoginCookie(); // 쿠키 설정
       router.push('/');
     } catch (err) {
       // console.error('로그인 에러:', err);

components/common/Sidebar.tsx

@@ -26,6 +26,8 @@ const Sidebar = () => {
   const handleLogout = async (): Promise<void> => {
     try {
       await signOut(auth);
+      document.cookie =
+        'isLoggedIn=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT';
       alert('로그아웃 되었습니다.');
       router.replace('/landing');
     } catch (err) {

middleware.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+
+export function middleware(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+
+  // 쿠키에서 isLoggedIn 확인
+  const isLoggedIn = request.cookies.get('isLoggedIn')?.value === 'true';
+
+  if (pathname === '/') {
+    // 로그인이 안 된 경우에만 랜딩으로 보냄
+    if (!isLoggedIn) {
+      return NextResponse.redirect(new URL('/landing', request.url));
+    }
+    // 로그인 된 상태라면 그대로 루트('/')를 보여줌
+    return NextResponse.next();
+  }
+
+  if (pathname === '/landing' && isLoggedIn) {
+    return NextResponse.redirect(new URL('/', request.url));
+  }
+}
+
+export const config = {
+  matcher: ['/', '/landing'],
+};