페이지 구조 파악

파일구조 : pages/index.js

url : /

파일구조 : pages/ssg.js

url : /ssg

파일구조 : pages/products/[slug].js (slug에 다양한 페이지들이 들어올수 있었음..)

url : /products/뭐시기뭐시기

Pre-render

• Next.js는 모든 페이지를 기본적으로 pre-render 한다.
• pre-render : 미리 그려놓는다.
• 처음에 html구조가 그려진 페이지를 서버에서 받아온다. (js는 없음) js가 로드되고 Hydration을 거쳐 진짜 유저가 사용가능한 앱이 만들어진다.

Pre-render와 SEO의 상관관계

• pre-render를 해두면 Client처럼 동작하지 않는 엔진에게 필요한 데이터를 제공 할수 있다.

Next.js에서의 Pre-render는??