FrontOverflow FrontOverflow

안녕하세요, 프론트엔드 개발 관련 지식을 공유하는 FrontOverflow입니다. 지난 글에 이어서 최근에 업데이트 된 Next.js 13.2의 업데이트 내용을 살펴보도록 하겠습니다. 이번 글에서 소개할 업데이트 첫 번째 내용은 Statically Typed Links (Beta) 입니다. 이 기능은 아직 정식 출시가 아닌 Beta로 소개되었는데요, Next.js에서 링크를 걸기 위해서 사용하는 next/link 컴포넌트에 정적 타이핑을 해주는 기능이라고 보시면 됩니다. 쉽게 말하면 Link 컴포넌트를 사용할 때 오타가 들어가는 경우가 있는데, 이러한 것을 미리 찾아내주는 기능입니다. 아래와 같이 링크 주소에 오타가 있을 경우 이를 찾아내 주는 것이죠. import Link from 'next/link'..

안녕하세요, 프론트엔드 개발 관련 지식을 공유하는 FrontOverflow입니다. 지난 글에 이어서 최근에 업데이트 된 Next.js 13.2의 업데이트 내용을 살펴보도록 하겠습니다. 먼저 살펴볼 내용은 MDX for Server Components 입니다. MDX는 이름에 X가 들어있는걸 보면 살짝 그 의미를 유추해볼 수 있는데, Markdown 파일에서 JSX를 사용할 수 있도록 해주는 Markdown의 superset입니다. 즉, MDX를 사용하면 Markdown 파일 내에서 리액트 컴포넌트를 사용할 수 있다는 것이죠. 최근 들어 Markdown이 굉장히 많은 곳에서 사용되고 있으며, Markdown 문서 내에 다양한 컨텐츠들을 embed시킬 수 있는 플러그인들이 많이 나와 있습니다. 그런데 MDX..

안녕하세요, 프론트엔드 개발 관련 지식을 공유하는 FrontOverflow입니다. 이번 글에서는 최근에 업데이트 된 Next.js 13.2의 업데이트 내용을 살펴보도록 하겠습니다. 먼저 첫 번째 업데이트 내용은 Built-in SEO Support 입니다. 이제 Next.js에 SEO를 위한 기능이 기본적으로 내장되게 됩니다. SEO는 Search Engine Optimization의 약자로써, 검색엔진에서 웹페이지가 잘 검색되도록 최적화 하는 작업을 의미합니다. meta 태그의 데이터를 각 페이지마다 동적으로 변환시키는 것이 대표적인 SEO의 작업 중 하나라고 할 수 있습니다. 기존 Next.js에서는 SEO를 하기 위해서 SSR(Server Side Rendering)을 구현해야 했고, meta 태그..