📌 Next.JS란?

따로 설정 필요 없이 SSR, SEO 부터 TypeScript까지 생산에 필요한 많은 기능들을 제공해주는 강력한 리액트 프레임워크

📌 사용하는 가장 큰 이유

SSR.
하지만, CSR방식으로 사용하면서 SPA의 장점 유지 가능

• SSR

  검색 엔진 최적화 (SEO)에 중요한 역할을 함.
  

• 리액트 공식문서에서 사용 추천

  서버 렌더링 Node.js 웹사이트 제작 시
  

📌 작동 원리

1. 초기에 사용자가 Server에 페이지 접속을 요청하면 SSR방식으로 렌더링 될 HTML을 보냄. (→ SEO에 유리)

2. 브라우저에서 JS 다운로드 후, React 실행

3. 사용자, 페이지가 서로 상호작용하여 다른 페이지로 이동할 때

   CSR방식으로 브라우저에서 처리. (빠른 화면 전환이 가능하여 SPA의 장점도 가져감)

참고

• Next.js 공식문서
• 리액트 공식 문서
• Nextjs를 사용하는 이유