Next.js 홈페이지에 들어가보면 거대 기업들도 사용할 정도로 검증된 리액트 기반의 풀스택 웹 애플리케이션 프레임워크 라고 되어있다. 즉 Next.js는 웹앱을 만들기 위해 프론트엔드, 백엔드 기능을 모두 가진 프레임워크이다. 프론트엔드는 리액트로 구현하고 백엔드는 Expressjs와 비슷한 형식의 시스템이 탑재되어 있다.
Next.js는 기본적으로 SSR(Server Side Rendering)을 지원한다. 리액트와 같은 JS기반의 애플리케이션은 CSR(Client Side Rendering)으로 동작하여 브라우저에서 자바스크립트가 실행되어야 화면에 UI가 표시된다. 이는 자바스크립트가 동작하지 않는 환경에서 화면이 표시되지 않기 때문에 검색엔진이 컨텐츠를 이용할 수 없고 자바스크립트를 다운받고 실행되기 전까지 화면시 표시되지 않는 단점이 있다. 반면에 SSR은 서버쪽에서 렌더링하기 때문에 서버에서 자바스크립트가 실행되고 브라우저로 완성된 html 파일을 보낸다. 따라서 자바스크립트를 실행할 수 없는 환경에서도 잘 동작하고 이에 따라 검색엔진에 친화적이다. 또한 다운로드가 받아지는 동시에 화면이 표시되는 장점도 있다.
Next.js는 웹 애플리케이션을 빌드하고 배포하는 데 강력한 도구이다. 이 도구를 활용하면 모던한 웹 앱을 빠르고 효율적으로 구축할 수 있다. 앞으로 이러한 Next.js에 대해 기록하며 공부하고자 한다.
유익한 글이었습니다.