Next.js 13.2 릴리즈

React 기반 프레임워크인 Next.js 버전 13.2가 2월 24일에 릴리스 되었습니다 - Built-in SEO Support 원래 Next.js는 메타데이터를 수정하기 위한 API를 제공하고 있었는데요. 앱 라우터를 사용하여 검색 엔진을 최적화하는 방법을 재설계하였습니다. 코드로는 import type { Metadata } from 'next'; 이렇게 Metadata를 import 해서 객체 형식으로 선언만 해주면 되어 간단합니다. 리액트 18의 기능 중 하나인 스트리밍 서버 렌더링과 호환되도록 설계되었고, 다른 경로에 대한 메타데이터 개체를 함께 구성 및 병합도 가능합니다 - Route Handlers: 새롭고 modern 한 버전의 라우팅 API를 지원합니다. HTTP 메서드(GET, POST …)로 구성된 비동기 함수를 export 해서 이러한 함수를 래핑하고 추상화하여 재사용 가능한 커스텀 한 로직을 만들 수 있습니다. 또한 Route Handlers 안에 쿠키와 같은 서버 function도 지원하여, 서버 컴포넌트와 Route Handlers 사이에 코드 공유가 가능합니다. - MDX for Server Components: MDX는 markdown의 슈퍼 셋으로 마크다운 파일 내에 JSX를 작성해서 리액트 컴포넌트로 표현할 수 있는 파일인데요. 이런 MDX를 리액트 서버 컴포넌트에서 사용할 수 있게 되었습니다. 클라이언트 자바스크립트의 사용을 줄여 더 빠른 페이지 로드가 가능해졌습니다. - Rust MDX Parser MDX parser를 Rust로 새로 개발하여 퍼포먼스를 높였습니다. - Improved Error Overlay Next.js와 React 스택 추적을 분리하여 오류가 발생한 위치를 더 쉽게 식별할 수 있게 개선하여 오류 가독성과 디버깅을 용이하도록 개선하였습니다. 이 외에도 Turbopack 개선 및 캐시 업그레이드 등이 있으니 관심이 있으신 분들은 공식 블로그에 들어가서 확인해 보시는 걸 추천드립니다.