[Next.js] Next.js란?

// Next.js

- React의 기능을 강화해주는 fullstack 프레임워크

- 서버 사이드 렌더링(SSR)
   > 서버에서 React 컴포넌트를 사전 렌더링할 수 있다.
   > SEO 향상

- SPA을 제공하여 서버에 요청이 오면 single page에 동적으로 사전 렌더링을 거쳐 콘텐츠를 포함한 초기 페이지를 보여준다.

- 클라이언트 사이드와 서버 사이드를 혼합한다.

- 코드 기반이 아닌 파일, 폴더 기반 라우팅을 제공한다.

- React 프로젝트에 백엔드 코드를 쉽게 추가할 수 있다.(Node js)

---

1. Node.js 설치

- https://nodejs.org/en

Node.js

- Node.js 18.17 이상이어야 한다.

---

2. project 생성 

npx create-next-app@latest

- 명령어를 실행하면 project name을 설정하고 여러 가지 option을 추가할 수 있다.