NEXT.js를 쓰는 이유

완두콩·2023년 6월 30일
0

Next.js

목록 보기
1/16

NEXT.js

NEXT.js는 React 기반의 프레임워크

풀스택 프레임 워크임.

NEXT.js를 사용하는 이유

  1. 서버사이드 렌더링 : next.js는 서버사이드 렌더링을 지원하여 초기 페이지 로딩 속도를 향상시킨다.
    서버에서 페이지를 렌더링하여 최종 HTML을 클라이언트에게 쏴줌으로 초기 렌더링 시간이 줄어들고 SEO가 용이. —> 클라이언트 사이드 렌더링보다 서버사이드 렌더링의 시대가 오고있음.
  • SEO 용이. / 페이지 로딩속도 향상 / 원하는 곳에서는 클라이언트 사이드 렌더링도 가능.
  1. 정적 사이트 생성: 정적 사이트 생성을 지원하여 사전에 렌더링 된 정적HTML 파일을 생성할 수 있다. 이를 통해 서버의 부담을 줗이고 성능을 향상시킬 수 있고 CDN에 캐싱하여 전 세계 사용자에게 빠르게 페이지를 제공할 수 있음.

  2. 라우팅 및 코드 스플리팅 : 강력한 라우팅 시스템을 제공, 페이지 간의 전환을 간편하게 한다. → 폴더기반 라우팅!

    코드 스플리팅을 자동으로 처리해 필요한 코드만 클라이언트에게 제공. → 초기 로딩 속도 개선. 사용자 경험 향상

    **코드 스플리팅 - 자바스크립트 코드를 작은 조각으로 분할하는 기술. 애플리케이션을 여러 개의 작은 코드 조각으로 나누는 것을 의미한다. 이렇게 나뉜 코드 조각은 필요할 때 동적으로 로딩된다.

  3. API 라우팅: API의 엔드포인트를 쉽게 생성할 수 있음.서버리스 함수를 사용하여 API 요청을 처리하고 데이터를 반환할 수 있으며, 클라이언트와 서버 간의 데이터 통신을 간단하게 구현할 수 있다.

  4. 개발 생산성 : Hot Module Replacement (HMR)을 지원하여 코드 변경 시 즉시 반영되어 개발 작업을 빠르게 진행. 통합된 CSS 및 스타일링 솔루션을 제공하여 스타일링 작업을 간편하게 처리.
    캐싱이 쉬움, 폰트 이미지 최적화 가능.

profile
공부하자. 기록하자. 쫌!

0개의 댓글