Next.js에는 다양한 최적화 기능이 내장되어 있다는 편리함이 있다.
<Image />
성능을 위해 이미지를 최적화하고 장치 크기에 따라 이미지 크기를 자동으로 조정한다.
<Link />
더 빠르고 원활한 페이지 전환을 위해 백그라운드에서 페이지를 미리 가져온다.
<script>
스크립트 구성요소를 사용하면 타사 스크립트의 로드 및 실행을 제어할 수 있다.
메타 데이터는 검색 엔진이 콘텐츠를 더 잘 이해하도록 도와 SEO에 유리하도록 만들고, 소셜 미디어에 콘텐츠가 표시되는 방식을 맞춤화할 수 있도록 하여 다양한 플랙폼에서 일관된 사용자 경험을 만들 수 있도록 한다.
참고 : Next.js 최적화