[Next.js] Metadata 설정 방법 정리

//root 경로의 layout.tsx
export const metadata: Metadata = {
  title: {
    default: siteConfig.name,
    // %s는 현재 페이지 제목을 노출 만약 사이트 내 About us페이지를 보고있을때 About Us | Teskify 처럼 노출됨
    template: `%s | ${siteConfig.name}`,
  },
  description: siteConfig.description,
  icons: [
    {
      // url은 아이콘 경로를 표시하는 역할, href는 웹브라우저, 혹은 검색엔진이 아이콘을 찾을 수 있는 위치 (외부에 노출할 경로)를 의미
      url: "/logo.svg",
      href: "/logo.svg",
    },
  ],
};