Next.js 기본 파일 구조

pages

• 폴더 안에 페이지들
• index.tsx 처음 "/" 페이지
• _app.tsx는 공통되는 레이아웃을 작성,
  모든 페이지에 공통으로 들어가는 걸 넣어주려면 여기에 넣어주면 된다.

public

• 이미지 같은 정적 (static) 에셋들을 보관

styles

• 말그대로 스타일링을 처리해주는 폴더
• 모듈 css 는 컴포넌트 종속적으로 스타일링하기 위한 것이며, 확장자 앞에 module을 붙여줘야 한다.

next.config.js

• Next.js는 웹 팩을 기본 번들러로 사용한다.
• 그래서 웹팩에 관한 설정들을 이 파일에서 해줄수있다.