Next.js Middleware를 활용한 인증 라우팅 트러블 슈팅

import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';

// 비회원 사용자가 접근 가능한 경로 패턴
const PUBLIC_PATH_PATTERNS = [
  /^\/$/,
  /^\/signup$/,
  /^\/find_password$/,
  /^\/verify_email$/,
  /^\/verify_fail$/,
  /^\/posts$/,
  /^\/posts\/search/,
  /^\/posts\/\d+$/,
];

// 로그인한 사용자가 접근하면 리다이렉트할 경로
const AUTH_REDIRECT_PATHS = ['/', '/signup'];

export function middleware(request: NextRequest) {
  const path = request.nextUrl.pathname;

  const authCookie = request.cookies.get('auth-storage');

  let isAuthenticated = false;
  if (authCookie?.value) {
    try {
      const decodedValue = decodeURIComponent(authCookie.value);
      const authData = JSON.parse(decodedValue);
      isAuthenticated = authData.state?.isAuthenticated === true;
    } catch (error) {
      console.error('인증 쿠키 파싱 오류:', error);
    }
  }

  // 로그인한 사용자가 '/' 또는 '/signup'에 접근하면 '/posts'로 리다이렉트
  if (isAuthenticated && AUTH_REDIRECT_PATHS.includes(path)) {
    return NextResponse.redirect(new URL('/posts', request.url));
  }

  // 비회원 사용자의 접근 제어
  if (!isAuthenticated) {
    const isPublicPath = PUBLIC_PATH_PATTERNS.some((pattern) => pattern.test(path));
    if (!isPublicPath) {
      return NextResponse.redirect(new URL('/', request.url));
    }
  }

  return NextResponse.next();
}

// 미들웨어가 적용될 경로 설정
export const config = {
  matcher: [
    /*
     * Match all request paths except for the ones starting with:
     * - api (API routes)
     * - _next/static (static files)
     * - _next/image (image optimization files)
     * - favicon.ico (favicon file)
     */
    '/((?!api|_next/static|_next/image|favicon.ico).*)',
  ],
};