- Next.js 15의 라우팅 메타데이터를 이용하여 검색엔진 최적화(SEO)를 효율적으로 관리할 수 있습니다. 🔎
layout.tsx
와page.tsx
모두 메타데이터를 정적으로 또는 동적으로 설정할 수 있습니다. ⚙️- 상위 레이아웃의 메타데이터는 하위 페이지에 적용되며, 하위 페이지의 메타데이터가 상위를 덮어씁니다. 👑
- 동적 메타데이터는
generateMetadata
함수를 사용하여 라우트 파라미터나 외부 데이터에 따라 동적으로 생성할 수 있습니다. 🔄 use client
지시어가 있는 페이지에서는 메타데이터를 사용할 수 없습니다. 서버 컴포넌트에서 메타데이터를 관리해야 합니다. 🚫- 정적 메타데이터 객체와
generateMetadata
함수는 동시에 사용할 수 없습니다. 하나만 선택해야 합니다. ⚠️