페이지별로 문서의 타이틀을 만드는 과정을 하려 한다
Next.js에 내장 되어 있는 Head 설정를 설정하여 react-helmet과 같은 역할을 할 수 있다.
import Head from "next/head"
Head를 import 해오고 <Head></Head> 안에 감싸주기만 하면 된다. 굉장히 간단하다
interface SeoTitle {
title:string;
}
export default function Seo({ title }:SeoTitle) {
return (
<Head>
<title>{title} | Next Movies</title>
</Head>
)
}react helmet 처럼 따로 설치를 해서 사용하지 않는것이 큰 장점인 것 같다.
날것의 기록 공간