- Next.js 13 프로젝트를 구성하는 방법에 대한 세세한 가이드를 제시하며 개인적인 구조 방식을 공유한다. 🏗️
- 다음과 같은 방식을 제안한다 : Pages (홈, 상품, 메뉴 등) 및 Components (홈, 상품 상세, 검색창 등) 📂
- Page 파일은
/app
폴더 내에 루트 경로를 따르며,.tsx
확장자를 가진 파일 그 자체가 라우트로 작동. 🌎 - Components는
/app/components
하위 폴더에 배치하며, 중괄호[]
로 묶어 라우트가 아님을 명시. 🗃️ - Components는 관련성, 또는 component 유형 (검색, 입력 등) 에 따라 특별한 폴더 안에 분류할 것을 권유. 🎯