[React] Next.js

🤔 Next.js는 무엇인가?

Next.js는 React 라이브러리의 프레임워크이다.

🤔 React도 라이버리 프레임워크인데 왜 또 필요한건가?

next.js는 pre-reloading을 통해 미리 데이터가 렌더링된 페이지를 가져올수 있게 해주므로 사용자에게 더 좋은 경험을 주고, 검색 엔진에 잘 노출 될 수 있도록 해주는 SEO에서도 장점을 얻을 수 있다고 한다.

라우팅 기능이 잘 되어 있다고 한다.
브라우저에서 서버

• 타입스크립트 지원
• custom server를 만들어서 동적 라우팅을 했는데, 동적 라우팅이 넉스트 처럼 동적 라우팅이 가능하다.
• api route가 생겨서 backend를 front에서 커버가 가능하다.
• page들을 미리 build를 해서 요청 전에 빌드해서 빌드한 파일을 바로 보내줄 수 있다.
• 성능 최적화
• log가 더 자세하게 나온다.

node.js 14 버전
and design 4 버전 - 아이콘과 form 부분이 다르다.