[Next.js] Next.js란?

📄 Next.js는 무엇일까?

• 리액트 프레임 워크
• 리액트JS의 풀스택 프레임 워크

🎲 리액트를 더 잘 사용하기 위해 만들어진 리액트 프레임워크

📄 주요 기능

• 서버 사이드 렌더링 (사전 렌더링)
  • 풀스택 프레임워크라 불리는 이유
  • 리액트 페이지, 컴포넌트를 서버 측에서 미리 렌더링
  • SEO에 유리 + 로딩 경험 유리 -> 서버로부터 받은 모든 정보가 html에 포함되어 있기 때문
• 파일 기반 라우팅
  • 기존 리액트는 라우터가 아예 없음. 리액트 라우터 사용했음.
  • 페이지 폴더의 이름으로 url을 결정한다.
• ⭐ 풀스택 쌉가능
  • 백엔드 API를 리액트 프로젝트에 추가할 수 있다.
  • 독립적인 REST API 프로젝트를 구축하지 않아도 된다.

참고

• 유데미 Nextjs.&React - 완전 정복 가이드

• Next.js 공식 문서