본문 바로가기

개발일지/React

Next.js

What is Next.js ?

React 전용 SSR 프레임워크

 

What is SSR ?

Server Side Redering

렌더링 작업을 서버에서

 

Why SSR?

- 기존 CSR(Client Side Rendering) 방식

초기 구동 시 전체 페이지 렌더링.

사용자 이벤트 발생할때마다 이를 해석하고 필요한 부분만 렌더링하는 방식.

 

- 기존 CSR과 비교시

빠른 첫 페이지 렌더링 가능

SEO(Search Engine Optimization)를 유도하기위해서 적용

 

Next.js + Express -> 렌더링 전처리 가능! 클라와의 통신횟수 감소!

 

 

What is Gatsby ?

=React + GraphQL 

내용이 자주 바뀌지 않는 정적사이트(블로그, 회사소개) 만들 때 사용

 

Next.js vs Gatsby

공통점 : 첫 페이지 빠른 렌더링 , SEO에 친화적

차이점 : (Gatsby) 서버 없이도 동작하는 순수한 html/css/js를 생성, 이것이 빌드 시점에 이루어진다.

 

 

 

'개발일지 > React' 카테고리의 다른 글