Next-js

Next.js 11 Wednesday, June 16th 2021

Next.js next/router useRouter 앱의 함수 구성 요소 내부에 있는 라우터 개체는 `useRouter` Hook을 사용하여 접근 할 수 있다.

Next.js Routing Next.js에는 파일시스템 기반의 페이지 라우터가 있다.

Next.js Fast Refresh는 React 컴포넌트 편집에 대한 즉각적인 피드백을 제공하는 기능이다. Next.js 9.4 이상에서 기본적으로 활성화된다. 이는 편집 내용이 컴포넌트의 상태를 유지한채로 1초내에 표시된다.

Next.js는 환경 변수에 대한 기본 지원을 제공한다.

Next.js Image Component and Image Optimization Next.js 버전 10.0.0 부터 이미지 컴포넌트 제공되어 이미지 최적화가 가능하다.

Next.js Built-In CSS Support 사용하면 Javascript 파일에서 CSS파일을 import 해서 가져올 수 있다.

Next.js Data Fetching 사전랜더링을 위해 데이터를 가져올 수 있는 세가지 함수가 있다.

Next.js Pages 페이지는 pages 디렉터리 하위의 .js .jsx .ts .tsx 파일에서 내보낸 React 컴포넌트이다. 각 페이지는 파일이름에 따라 경로로 구성된다.