[ React ] Next.js

Next.js에 대해 간단히 설명

Next.js는 React 기반의 프레임워크입니다. React 는 기본적으로 Client Side Rendering만 지원합니다. 하지만 Next.js는 Server Side Rendering을 지원하기 때문에 SEO에 유리합니다.

Next.js의 특징

Server Side Rendering 지원

• 기본적으로 리액트는 CSR만 지원하기 때문에 SEO에 유리하지 않습니다. 하지만 Next.js는 SSR을 지원하기 때문에 SEO에 유리합니다.

Dynamic Routing 지원

• Next.js는 폴더 및 파일 시스템 기반의 라우팅을 지원합니다.

Code Splitting 지원

• 첫 페이지가 로딩되는 시간을 줄이기 위해 코드 스플리팅을 지원합니다. 페이지를 이동할 때마다 필요한 코드만 로딩합니다.

Pre-rendering 지원

• 사전 렌더링을 지원합니다. 정적 사이트 생성을 통해 빌드 시점에 HTML 파일을 생성합니다.
• Static Site Generation (SSG) : 빌드 시점에 HTML 파일을 생성합니다.
• Server Side Rendering (SSR) : 요청 시점에 HTML 파일을 생성합니다.