next.js는 React 라이브러리의 프레임워크이다.
next.js를 사용하는 가장 큰 이유는 SEO를 위한 SSR을 가능하게 하기 때문이다.
SEO : 검색 엔진 최적화 (Search Engine Optimizatioin)
SSR : Server Side Rendering
React는 (CSR)Client Side Rendering인데,
이는 웹 사이트를 요청했을 때 빈 html을 가져와 script를 로딩하기 때문에 로딩 시간이 오래 걸리며, 빈 html이기 때문에 SEO에도 취약하다는 단점이 있다.
또 페이지 기반 라우팅 시스템도 제공한다.
next.js 프레임워크를 사용하지 않고 React 라이브러리만 사용할 경우엔 react-router-dom을 따로 설치해줘서 라우터를 만들어줘야 한다.
내 입맛대로 만들 수 있다는 장점도 있지만 next.js에선 pages 폴더 안에 파일을 만들면 그 자체가 새로운 페이지 router가 되기 때문에 매우 편리하다.
next는 Link 컴포넌트를 통해 페이지간의 빠르고 매끄러운 이동이 가능하다.
html의 a 태그와 달리 페이지를 리로딩하지 않고도 페이지 이동이 가능하고,
link 컴포넌트가 뷰포트에 보였을 때 관련 페이지를 백그라운드에서 미리 가져다 놓기 때문에 링크를 클릭했을 때 매우 빠르게 해당 페이지로 이동할 수 있다.
등등 많지만 일단은 여기까지 추후에 내용 보충
