기본적으로 서버사이드 렌더링이다.
js기반은 자바스크립 다운 후 브라우저에서 실행되어야 ui가 나타남 - 클라이언트 사이드 렌더링 → js가 동작하지않는 환경에서는 seo같은 로봇들이 컨텐츠를 이용할 수 없다. js를 다운 후 실행하기 전엔 화면이 표시되지않는 문제
서버쪽에서 js가 실행되어 완성된 html이 브라우저로 전송되기때문에 js실행할 수 없는 환경에서도 잘 동작하며, 다운로드 받는 즉시 실행되므로 사용자입장에서도 좋다.
설치 방법
npx create-next-app@latest .
(npx는 node로 만들어진 프로그램을 설치없이 바로 실행할 수 있는 방식)
latest는 최신버전, .은 현재폴더를 의미
실행 명령어
npm run dev
localhost~주소로 접속하면 샘플 애플리케이션이 뜸
layout.js가 page.js를 감싸고 있는 형태이며 page.js 내용이 컨텐츠가 된다.