프로젝트 폴더 구조

폴더 구조

• Next.js 및 Styled-components 기반 폴더구조입니다

root
├─components
│  ├─common
│  │ ├─Button.styled.ts : 재사용 스타일 (에시)
│  │ ├─Input.styled.ts
│  ├─Header : 개별 컴포넌트 (예시)
│  │ ├─index.tsx : 로직
│  │ └─styled.ts : 스타일
│  ...
├─enum
│  └─index.tsx : 상수화를 위한 문자열 데이터 보관 폴더
├─pages
│  ├─404.tsx : /error 처럼 추가적인 파라미터가 없는 단일 페이지
│  ├─posts
│  │ ├─[slug].tsx : /posts/1... 페이지
│  │ └─index.tsx : /posts 페이지
│  ...
│  ├─_app.tsx
│  └─_documents.tsx
├─public : 정적 파일 보관
├─store : redux store
├─styles : global styles
│ ├─theme.ts : css 변수
│ ├─global.ts : global css
└─┴─fonts.module.css : font