HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive
/
Metadata

Metadata

생성 일시
Nov 18, 2024 10:08 PM
metadata의 title이 여기에 표시된다
metadata의 title이 여기에 표시된다
  • metadata : 페이지에 대한 정보. head 안에 있음
    • title
    • meta 요소 : 빈 태그, 속성을 이용해서 기술 (여러개 가능)
    • 등이 있음
 
  • NextJS에서는 규칙만 잘 지켜 export하면, 알아서 head에 표시한다
      1. page, layout만 가능 ⇒ 컴포넌트 x, page가 우선
      1. 서버 컴포넌트만 가능
      1. 중첩 가능 ⇒ 다른 속성일 때, 부모 속성이 모든 자식에게 들어간다
      1. 같은 속성이 두개면
        1. 기본은 부모보다 본인 우선
        2. 속성을 객체로 표현해서, template 속성을 안에 넣으면 자식 속성과 부모 속성을 병합할 수 있다.
          1. export const metadata = { title: { template: "%s | Next Movies", default: "Next Movies", }, description: "The best movies on the best framework", };
            app/layout.tsx
            export const metadata = { title: "About Us", };
            app/about-us/page.tsx
 
  • nextJS의 다양한 metadata 필드
    • https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadata-fields