Next.js 13.2
nextjs.org
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 개선 및 캐시 업그레이드 등이 있으니 관심이 있으신 분들은 공식 블로그에 들어가서 확인해 보시는 걸 추천드립니다.
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 2월 27일 오전 1:17
댓글 1
러스트 개발자를 계속 채용하던데 모든 parser를 rust로 대체할 생각인가 보군요 mdx까지 rust라니.. 좋은글 잘 보고 갑니다
함께 읽은 게시물
똑똑하게 개발자 면접 준비하는 방법
처음 코딩 공부 시작할 때 아무도 이야기해주지 않았고 들어보지 못한 조언이지만, 꼭 미리 알아둬야 하는 팁입니다.
📌 영상 내용 정리
800건의 면접을 진행해 본 아마존 수석 엔지니어가 알려주는 똑똑하게 코딩 면접 준비하는 방법 (특히 시니어, 스태프, 수석 엔지니어에게 필요한 방법).
👇 자료 구조와 알고리즘 코딩 테스트 면접이 생긴 이유
실력 없는 개발자를 고용하면 회사에게 엄청난 기회비용이 발생한다. 하지만 실력 있은 개발자를 고용하면 반대로 엄청난 이득이다. 문제는 한 사람이 좋은 인재인지 아닌지... 더 보기
간만에 개발 떡밥이(신난다) 이번엔 제가 소수 입장에 있는 ORM이군요. 후후..
저는 몇몇 사건을 통해 ORM 반대주의자가 된 사람인데요.
개발자는 개발만 잘하면 될까
최근에 친구가 추천해준 데일 카네기의 인간관계론을 읽던 중 고액 연봉을 받는 엔지니어들의 특징에 대한 흥미로운 내용이 있었다.
... 더 보기< 스포티파이와 멜론, 같은 음악인데 왜 경험은 다를까? >
1. 엔터테인먼트 프로덕트의 본질은 콘텐츠다. 사용자는 콘텐츠를 소비하며 감정을 느낀다. 재미, 감동, 공포, 희열. 인간의 다양한 감정이 콘텐츠를 통해 꺼내진다.
