NEXT 14 NEXT-AUTH 5 middleware.ts not working

💡 Learn Next에서는 src 폴더를 사용하지 않는 경우, middleware.ts 파일을 프로젝트 루트에 위치시킵니다.
그러나 src 폴더를 사용하는 경우에는 파일을 src 폴더 내부에 위치시켜야 합니다.

문제점

auth.ts - NextAuth - signIn 함수는 제대로 동작을 했으나 middleware.ts에 연결된 auth.config.ts 파일이 동작않았습니다.

//auth.ts

async function getUser(email: string): Promise<User | null> {
  try {
    return await prisma.user.findUnique({where: { uid: 1 }})
  } catch (error) {
    console.error('Failed to fetch user:', error)
    throw new Error('Failed to fetch user.')
  }
}

export const { auth, signIn, signOut } = NextAuth({
  ...authConfig,
  providers: [
    Credentials({
      async authorize(credentials) {
        const parsedCredentials = z
          .object({ email: z.string().email(), password: z.string().min(6) })
          .safeParse(credentials)

        if (parsedCredentials.success) {
          const { email, password } = parsedCredentials.data
          const user = await getUser(email)

          if (!user) return null
          const passwordsMatch = password === user.password

          if (passwordsMatch) return user
        }

        console.log('Invalid credentials')
        return null
      },
    }),
  ],
})

//auth.config.ts

export const authConfig = {
  pages: {
    signIn: '/login',
  },
  callbacks: {
    authorized({ auth, request: { nextUrl } }) {
      const isLoggedIn = !!auth?.user
      // const isOnDashboard = nextUrl.pathname.startsWith('/product')
      const isPublicRoute = publicRoute.includes(nextUrl.pathname)
      const isAuthRoute = authRoute.includes(nextUrl.pathname)

      if (isPublicRoute && isLoggedIn) {
        return Response.redirect(new URL('/', nextUrl))
      }

      if (isAuthRoute) {
        return isLoggedIn
      }

      // if (isOnDashboard) {
      //   return isLoggedIn
      //   // Redirect unauthenticated users to login page
      // } else if (isLoggedIn) {
      //   return Response.redirect(new URL('/product', nextUrl))
      // }
      return true
    },
  },
  providers: [], // Add providers with an empty array for now
} satisfies NextAuthConfig

// src/middleware.ts
import NextAuth from 'next-auth'
import { authConfig } from '@/auth.config'

export default NextAuth(authConfig).auth

export const config = {
  // <https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher>
  matcher: ['/((?!api|_next/static|_next/image|.*\\\\.png$).*)'],
}

해결

Learn Next에서는 src 폴더를 사용하지 않아 middleware.ts 파일의 위치를 프로젝트 루트에 위치하였지만 src 폴더를 사용하면 src 폴더 내부에 파일이 위치해야한다.