NextJS

---

Next.js

1. 기본적으로 서버 사이드에서 렌더링을 한다.

2. 더 빠르게 페이지를 불러오기 위해 코드 스플릿팅을 진행한다.

   (코드 스플릿팅 : 브라우저 로딩 시 모든 페이지를 로드 하지 않고, 필요한 부분만 로드)

3. 간단한 라우팅을 제공한다. (pages)

4. HMR(Hot Module Replacement)을 지원하는 WebPack 기반의 개발 환경을 제공한다.

Next.js 시작

mkdir hello-next cd hello-next

npm init -y

npm install react react-dom next

mkdir pages

npm run dev

pages/index.js 파일 생성

const Index = () => {

return (

<div> <p>Hello Next.js</p> </div>

)}

export default Index