[Next.js] Next.js란?

 Next.js 

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

 

React Framework

• Ziet에서 만든 React Framework
• Netflix, Github, Uber 등에서 사용
• SSR(서버 사이트 렌더링)
• TypeScript, JavsScript 사용

 

특징

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