next.js

Next.js 는 React 기반 Framework 이다. 폴더 및 파일 기반 Routing 지원하고, Server Side Rendering 을 지원, SEO 적용이 수월하다

공식 홈페이지의 설명

Getting Started | Next.js

• 직관적인 페이지 기반 라우팅(동적 라우트 지원)
• 사전 렌더링, SSG(정적 렌더링)/SSR(서버 사이드 렌더링) 모두 페이지 단위 지원
• 더 빠른 페이지 로딩을 위한 자동 코드 분할 - 코드 스플리팅
• 최적화된 프리패칭을 갖춘 클라이언트 사이드 라우팅
• 내장 CSS 및 SASS 지원, 모든 CSS-in-JS 라이브러리에 대한 지원
• 빠른 새로고침이 지원되는 개발환경
• 서버리스 Functions를 사용하여 API엔드포인트를 빌드
• 완전 확장 가능

create-next-app

# 설치 방법
$ npx create-next-app
# or
$ yarn create next-app

• create-next-app으로 설치
• 컴파일과 번들링이 자동으로 된다. (webpack과 babel)
• 자동 리프레쉬 기능으로 수정하면 화면에 바로 반영된다.