NEXTjs

React를 기반으로 하는 Full-Stack 웹 애플리케이션 프레임워크

• Recat는 SPA라!
  이브러리이지만 NEXTjs를 통해 서버 사이드 렌더링을 쉽게 구현가능하다

Pre-Rendering

javaScript가 HTML을 생성하기 전에 미리 HTML을 생성하는 방식

No Pre-rendering (Plain React.js app)

서버에서 전부 받아서 클라이언트에서 렌더링 하는 CSR 방식으로 최초 페이지 접속 시 로드가 느린 편이다

Pre-rendering (Using Next.js)

미리 생성한 HTML을 최초 로드 시 표시한다.
그래서 React에서 실행시키기 어려운 낮은 브라우저도 Next.js가 미리 생성한 HTML화면을 볼 수 있다.