NextJS에서의 메타데이터
이제 페이지에 타이틀과 메타 설명을 추가하는 방법을 살펴보겠습니다. NextJS에서는 이들이 함께 작업되므로 하나의 일반적인 단어인 메타데이터라고 부릅니다.
메타데이터는 타이틀과 메타 설명을 포함하는 특수 객체를 사용하여 설정됩니다:
{
title: '...',
description: '...',
};
이 경우 NextJS는 자동으로 해당 태그에 메타데이터를 삽입합니다.
우리는 이에 대해 걱정할 필요가 없습니다. 따라서 기본 사이트 레이아웃에는
head 태그가 없으며,
자동으로 생성될 것입니다:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
메타데이터를 설정하는 다양한 방법들이 있습니다. 이에 대해서는 다음 강의들에서 학습할 것입니다.
