• create next app 으로 next프로젝트 실행
• 많은 대형사이트들에서도 Next.js 를 쓰고 있다.
• pages폴더 구조 ⇒ URL과 매칭되었다.
• 페이지를 그리는 방식 ⇒ 데이터를 가져와서 그린다.
• 페이지를 그리는 방식 총 4가지 종류 : SSR / CSR / SSG / ISR
• SSG는 build타임에 측정했던 time이 그대로 들어감.
• ISR 특정 주기마다
• SSG는 개발환경에서는 SSR처럼 동작한다.

<aside> 💡 이상적인 것은 SSG와 ISR의 조합

</aside>

Pre-render

• 모든 페이지를 Pre-render한다.
• 이미 많은 부분이 그려져있는 상태로 HTML이 그려져있다.
• 하지만 Pre-render는 JS 요소들은 제외하고 순수 HTML만 그려진 상태이다.

SEO 와 Pre-render의 상관관계

• 검색엔진에게 내 페이지를 조금 더 잘 보여주게 하는 것
• 순수 REACT인 CSR만 제공한다면, Client 처럼 동작하지 않는 검색엔진의 경우, 아무런 데이터도 조회해 갈 수 없다.