Next.js 은 뭘까, 왜 사용할까?

 

Next.js 개념 

웹을 위한 React 프레임워크입니다. 

 

 

Next.js 사용 이유

React 로 완벽한 웹 어플리케이션을 만들기 위해서는 많은 세부사항을 고려해야 했는데, Next.js 는 이러한 세부사항들을 쉽게 세팅할 수 있게 해줍니다. 

 

• 코드는 웹팩과 같은 번들러를 사용해 번들되어야 하고, 바벨과 같은 컴파일러를 사용해 변환되어야 합니다. 
• 코드 스플리팅과 같은 운영 상 최적화가 필요합니다. 
• 퍼포먼스와 SEO 를 고려했을 때, 어떤 페이지들은 정적으로 프리 렌더링 될 필요가 있습니다. 또는 서버사이드 렌더링이나 클라이언트 사이드 렌터링을 원할 수도 있습니다. 
• 리액트 앱과 데이터 저장소의 연결을 위해 서버사이드 코드를 작성해야 할 수도 있습니다. 

 

 

Next.js 는 개발자들에게 여러 기능 제공을 통해 최고의 경험을 제공하는 걸 목표로 합니다. 

그를 위해 아래의 기능을 제공합니다.

 

• 직관적인 페이지 기반 라우팅 시스템(동적 라우팅 지원)
• 정적 렌더링(SSG) 페이지와 서버사이드 렌더링(SSR) 페이지에 지원되는 프리렌더링
• 빠른 페이지 로딩을 위한 자동 코드 스플리팅
• 클라이언트 사이드 라우팅최적화
• Built-in Css와 Sass 그리고 모든 CSS-in-JS 라이브러리 지원
• Fast Refresh가 지원되는 개발 환경
• API 엔드포인트와 서버리스 기능을 개발을 위한 API 라우팅
• 완전한 확장 가능성