Nextjs 페이지 라우팅 폴더 네이밍

Question

안녕하세요. 퍼블리셔로 처음 Next.js 실무 프로젝트를 맡게 되어, 페이지 라우팅 구조를 설계 중입니다.현재 개발자와 협의가 어려운 상황이라 구조만 먼저 설계해두고 있는데, 페이지 라우팅 네이밍 방식을 어떻게 잡는 것이 좋을지 고민되어 질문드립니다.현재 Next.js 13의 App Router 기반 구조 사용 중입니다.페이지를 어떤 기준으로 네이밍해야 실무에서 유지보수 및 협업이 효율적일지 헷갈립니다.제 나름대로 생각해봤을 때, 장점은 이렇게 나열됩니다.의미 기반 네이밍예: /mypage/account/edit-profile/page.js장점: URL이 직관적화면 ID 기반 네이밍예: /esg-110/page.js장점: 기획서와 매칭 쉬움 (예: ESG-110)추가로 참고할만한 좋은 프로젝트 구조가 있다면 알려주시면 감사하겠습니다. (_ _)

suu10060 · Accepted Answer

1번이 더 나을 것 같아요! 기획서는 변경될 가능성도 있고, 나중에 다른 분이 그 프로젝트를 확인하시더라도 폴더구조 네이밍보고 빠르게 알 수 있을 것 같습니다:)

Bale K · Answer

2번 나중에 후회할 수도 있어요..ㅜㅜ기획서라는게 절대불변은 아니라서.. 저도 알고 싶진 않았습니다 🫠

god · Answer

중요한건 next.js는 폴더 구조가 곧 화면 URL아닌가요? 그런 의미로 봤을때 1번이 낫다고 생각합니다.

catcode · Answer

기획서 id가 동적으로 받아오는 구조라면 next에서는 [id].page.tsx(js)로 만드는걸로 알고 있습니다.

빠른코딩 · Answer

1번이죠

Nextjs 페이지 라우팅 폴더 네이밍

5개의 답변

#reactjs 목록