Nextjs 폴더 구조 질문

[JUN-BANANA]

공식 문서를 보면 app router 또는 pages router로 나누어 진것을 보고 있습니다. 두가지중 한가지 방법을 권장하는것 같은데 선생님의 강의에서는 app router의 방식으로 하되
pages/api 폴더를 만들어서 거기서 서버 관리를 하는 방식이었습니다.
근데 제가 한 프로젝트에서는 pages/api/auth 의 폴더 디렉토리가 제대로 잡히지 않았습니다.
현재 ts를 사용 하고 있으며 src/app/api/auth/[...nextauth]/route.ts 안에서 소셜 로그인을 구현 해 놓았습니다.
그리고 나서 src/app/api/board/new.ts 에  POST = "api/board/new" 로 새로운 글을 발행하는 코드를 구현 했는데 api가 제대로 잡히지 않습니다.
그래서 src/pages/api 폴더를 만들어 다시 진행 하였는데 이번에는 pages 폴더 때문에 라우팅이 되질 않아 아에 시동이 되지 않았습니다.
정확한 폴더구조에 대해서 알고 싶습니다.

[codingapple]

nextauth는 지금 pages 폴더에 만들어놔야 모든기능 잘될걸요 
pages폴더는 src 바깥으로 빼봅시다

[JUN-BANANA]

nextauth는 src/app/api/auth/[...nextauth]/route.ts  googlecallbackURL:http://localhost:3000/api/auth/callback/google
으로 해야 되고
src/pages/api/..로 하면 안됩니다.  근데 이렇게 하면 POST 글발행 요청은 보내지고 있어요
src 밖으로 pages를빼면 둘다 기능이 구현 되지 않습니다.

auth랑 endpoint를 두개를 구분 시켜 놔야 할까요?

[codingapple]

넴 경로만 안겹치면 아무데나 써도됩니다 app폴더에서 서버기능은 route.js안에 써야 잘될걸요

[글쓴이]

글