nextjs 계층구조 질문드립니다.

Question

안녕하세요저는 nextjs로 풀스택 개발하고 있습니다.현재 빠르게 서비스 출시를 목표로 하고 있습니다.현재 route.js의 파일안에 모든 db입출력, 데이터 유효성검사 등 모든걸 route.js안에서 했습니다.이방법이 굉장히 유지보수, 재사용 측면에서 안좋다는걸 깨닫고 service계층구조로 바꿀려고합니다.src/├── app/ ││ └── api/│ └── user/ │ └── route.js│├── services/│ └── backend/ │ └── test.js│ └── frontend/│ └── test.js│├── repositories/ │ └── backend/ │ └── test.js│ └── frontend/│ └── test.js│├── validators/│ └── userValidator.js││─── dto/└── userDto.js이렇게 폴더구조를 만들려는데 이게 많이 사용하시는 서비스계층구조 맞을까요?src폴더 최상위에다가 services, repositories, validators, dto 만드는게 재사용 측면에서 route.js가 잇는 폴더안에 만드는 것보다 이게 맞는거 같은데 맞을까요?그리고 백앤드말고도 서버컴포넌트에서 db입출력이 잇기 때문에 services, repositories 폴더들에게 backend, frontend 각각 나눠주었는데 이렇게 사용해도 괜찮을까요?혹시 더 좋은 계층구조가 있다면 다른 계층구조 추천해주셔도 됩니다.!

Unknown_ · Accepted Answer

일단 저는 아주아주아주 좋아하는 구조입니다.심플하잖아요. 저거 뭐라하더라... 뭐 용어 있는데 까먹었어요. 멋진거임.사용자 관리 화면에서 뭐가 안된다고?그럼 일단 사용자 디렉토리로 가. 그리고 관리 디렉토리를 찾아봐. 있지?이제 안되는 기능의 범주로 찾아가. 비즈니스 로직쪽이야? ㅇㅋㅇㅋ거기서 찾아. 고쳐. 끝

몰랑토끼 · Answer

app 라우팅 안에서 클라이언트의 url이 결정되니 services와 repositories 안에서 분리하면 불편합니다. app/api/route 에 서버 api정의하시고, api/route로 경로가 잡혀지니 api에 맞춰서 경로 맞추는게 낫습니다. ( user create api -> api/user/create/route.ts )메인은 프론트이고 백이 서브로 붙는다고 생각하면 사용하기 편합니다. (백은 api 폴더 안에 위치)

프로폴리스 · Answer

생각하신 구조는 일반적인 구조라 나쁘지는 않는 거 같습니다.어쩔 수 없는 상황이라 next에 전부 쓰시는거 같은데, 결국엔 백엔드 서버가 따로 분리되어야 나중에 유지보수에 용이 합니다.ddd 위주의 백엔드 설계를 next에 입히는 순간 코드의 복잡성은 정말 몇배로 늘어날거 같아서.. 가급적 백엔드 개발자나 서버를 분리하시면 좋을 거 같습니다.또한 물론 성능도 무시할 수 없겠네요.

nextjs 계층구조 질문드립니다.

3개의 답변

Q&A 목록