Next.js 톺아보기

NextJS는

페이지를 위한 HTML을 클라이언트에서 자바스크립트로 처리하기 전에 생성하기 때문에 SEO 검색엔진 최적화가 좋아진다. (SSR)

pages 폴더

이 폴더 안에 페이지들을 생성
index.tsx 가 root page

_app.tsx는 공통되는 레이아웃 작성
만약 home이라는 페이지를 만드려면 pages 폴더 안헤 home.tsx를 생성해주면 된다.

public폴더

이미지 같은 정적 에셋 보관

styles폴더

스타일링 처리하는 폴더
확장자 앞에 module을 붙여줘야한다.

NextJS에서 데이터를 가져오는 방법

1. getStaticProps -build할 때 데이터를 불러온다.
2. getStaticPaths -동적라우팅 구현할 때 필요
3. getServerSideProps -요청이 있을 때마다 데이터를 불러오는 Server Side Rendering