Next.js란?

Next.js는 React 앱을 쉽게 구축할 수 있게 하고 SSR을 쉽게 설정할 수 있게 하는 리액트 프레임워크다.

공식문서 : https://nextjs.org/

Next.js의 장점으로는 이렇게 적혀있다.

• 직관적인 페이지 기반 라우팅 시스템(동적 경로 지원)
• 가능한 경우 자동으로 페이지 최적화
• 서버측 렌더링 및 차단 데이터 요구 사항
• 빠른 페이지 로드를 위해 자동 코드 분할
• 최적화된 페이지 프리페치를 사용한 클라이언트 측 라우팅
• CSS 지원 및 모든 CSS-in-JS 라이브러리 지원
• HMR(Hot Module Replacement)을 지원하는 웹 팩 기반 개발 환경
• 페이지에 사용되는 것과 동일한 간단한 라우터를 사용하여 서버 없는 기능으로 API를 구축하기 위한 API 경로
• 커뮤니티 플러그인과 고유한 Babel 및 Webpack 구성으로 사용자 지정 가능

동적 경로 같은 경우는 원래 express 연동해서 했어야 했던거 같은데 최근에 추가된 것 같다! 이런식으로 장점이 많다!!
사용해 봤을 때 라우팅 시스템이 편하고 ssr을 설정해주기 편하다는게 제일 좋은 것 같다! (사실 제가 이거 위주로만 써봐서 ㅎㅎㅎ)

그래서 내가 써본 것을 위주로 여러가지를 써서 기록으로 남기려고 한다. 그 외에도 공식 문서를 보면서 공부해서 적어볼 것이다!