Next.js

728x90
반응형

▶ 개발자가 리액트 자체에만 집중할 수 있게 도와주는 프레임워크

 

 

1. Next.js 흐름

MPA : 새로고침 + 깜빡거림 의 개선 => (개선) SPA

SPA : 초기 로딩 속도 시간이 걸림 => (개선) 코드 분할: 필요한 곳에서만 로딩 : seo가 좋지 않음 

=> SSR : 서버에서 미리 랜더링 + 관련 html 랜더링 (런타임/빌드타임)

2. 랜더링

(1) JS 를 이용해서 HTML을 만드는 행위

(2) Pre-rendering 

- SSG : 빌드할 때 랜더링되는 경우 

- SSR : 런타임에 랜더링되는 경

 

 

* Page Router ( 기존에 사용했음)

* App Router (최근에 나옴)

 

 

 

*공식 문서 

 

Next.js 13.4

Next.js 13.4 moves App Router to stable, Turbopack to beta, and introduces experimental support for Server Actions.

nextjs.org

 

반응형