✏️ Next.js
[pages] Next.js의 SEO
category
✏️ Next.js
date
thumbnail
slug
next-js-seo
author
status
Public
tags
pages router
summary
type
Post
Pre-rendering과 SEO의 상관관계
CSR만 제공한다면, Client(브라우저)처럼 동작하지 않는 검색엔진의 경우 아무런 데이터도 조회해갈 수 없다.
Pre-render를 해두면 Client처럼 동작하지 않는 검색엔진에게 필요한 데이터를 제공할 수 있다.
Next.js의 Pre-rendering 방식
SSG(recommended) & SSR
- SSG는 빌드 타임에 pre-render (서버의 부하가 덜하기 때문에 추천)
- SSR은 요청 타임에 pre-render
SSG 2가지 상황
- Page의 내용물이 외부 데이터에 의존적인 상황
- Page Paths까지 외부 데이터에 의존적인 상황
첫번째는
getStaticProps
만 가지고도 가능두번째는
getStaticPaths
도 함께 활용해야 가능