유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js 15 Tutorial - 17 - Routing Metadata

Codevolution

2025. 1. 6.

0

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

Recommanded Videos