넥스트는 리액트로 웹을 편하게 개발할 수 있도록 도와주는 프레임워크이다. 초기에는 주로 서버 사이드 렌더링(SSR, Server Side Rendering) 프레임워크의 역할을 했지만, 요즘에는 리액트 프로젝트 시작할 때 권장되는 프레임 워크이다.
주요 특징
CRA(Create React App)이나 Create Vite보다 더 많은 편의 기능을 제공한다.
- 라우팅 : 리액트 라우터를 별도로 구성하지 않아도 되는 파일 기반 라우팅 시스템을 제공한다.
- 렌더링 : 클라이언트 사이드 렌더링뿐만 아니라 서버 사이드 렌더링도 지원한다.
- 데이터 호출 : fetch를 확장해서 제공할 뿐만 아니라 데이터 캐싱, 유효성 확인 등의 기능을 제공한다.
- 스타일링 : CSS 모듈 방식, CSS in JS 방식, Tailwind를 바로 구성해서 간편하게 사용할 수 있다.
- 성능 최적화 : 이미지, 폰트, 스크립트 등의 리소스를 최적화해 준다.
- 타입 스크립트 : 코드의 안정성을 지원한다.
[출처] https://cracking-next.vercel.app/docs/intro