728x90
Next.js
- react framework 중 하나다.
- 리액트 문법을 사용하기 때문에 리액트 개발자가 쉽게 배울 수 있다.
- 다양한 기능들을 추상화해서 제공하고 있다.
- SSR을 기반으로 동작할 수있어서 인기가 많다.
CSR / SSR
client-side rendering(CSR)
- 장점
- 사용자 입장에서 편안한 사이트를 만들 수 있다.
- 단점
- 로딩 속도로 인한 성능 저하가 있을 수 있다.
server-side rendering(SSR)
- 장점
- 페이지가 브라우저에 로드되기전에 데이터를 미리 세팅하기 때문에 로딩 속도가 빠르다.
- js 언어로 작성하지만, js 빌드에 문제가 발생되어도 이미 서버가 렌더링 세팅을 맞췄기 때문에 화면에 데이터 표출할 수 있다.
- 단점
- 사용자 입장에서 사이트 속도가 버벅거린다고 느낄 수 있다.
Next.js 프로젝트 시작하기
react CRA
npx create-react-app
next CNA
npx create-next-app728x90