본문 바로가기

NextJS

2024.3.11 기록 (Next.JS의 렌더링)

NEXT JS 렌더링 방식에는 SSG, ISR, SSR, CSR  네 가지를 지원한다.

 

이 방식을 정확히 익혀두어 필요에 맞는 렌더링 방식을 채택할 수 있다.

 

 

 

1. SSG( Static site Generation )  : 빌드 시점에서 받아온 데이터를 적용시킨다. * 별도의 세팅이 없다면 기본값이다!

 

 

2. ISR( Incremental Static Regeneration ): fetch 한 데이터의 만료시기를 지정한다. 단위는 초(s)

 

 

 

3. SSR ( Server Side Rendering ) : 데이터를 캐싱하지 않는다. 즉, 매번 새로운 데이터를 받아온다.

 

 

 

 

4. CSR( Client Side Rendering )  :  'use client' 를 사용해 기존의 리액트 방식의 랜더링을 지원한다.