D.evelop/Next.js

[Next.js] Next.js란?

Danne 2021. 12. 13. 10:48

 Next.js 

https://github.com/vercel/next.js

 

React Framework

 

특징

React를 통한 프론트엔드 개발에 필요한 유용한 기능을 기본으로 제공

  • ServerRendering
  • Static Exporting
  • CSS-in-JS
  • Zero Setup
  • Fully Extendsible
  • Ready for Production

 

장점 

  • 빠른 렌더링 속도, 새로고침 시 화면 깜박임없음
  • SSR → SEO적용에 유리 
  • 파일 시스템 라우팅을 특별한 설정 없이(zero config) 기본 제공
    → 개발 초기 세팅을 위한 시간적 비용을 줄여줌
    → "개발자가 코드에 집중할 수 있도록"
  • webpack, Babel설정을 확장 가능
  • 이미지, 폰트 최적화
  • Code Spliting(코드 스플릿팅) - 스크립트 파일을 페이지 별로 쪼개어 필요한 파일만 로등하는 기능
  • 최적화를 위해 Google Chrome팀과 협력하고 있음
  • 기본적으로 정적 페이지를 제공하지만 동적 데이터 처리 가능
    API 패치, URL 파라미터를 통해 데이터를 처리할 수 있음

 

 

참고 자료

Next.js 공식 사이트

44BITS [4분코딩] 리액트(React)와 찰떡 궁합 Next.js

 

 

 

 

반응형