上記のようなディレクトリ構成で app/layout.tsx
にMetadataのtitleを次のように定義する。
export const metadata: Metadata = {
title: {
absolute: 'My Website',
template: '%s - My Website',
},
}
その時 app/page.tsx
で以下のようにMetadataを設定した場合<title>は App
となる。
export const metadata: Metadata = {
title: 'App'
}
また、 app/news/page.tsx
で以下のようにMetadataを設定した場合<title>は News - My Website
となる。
export const metadata: Metadata = {
title: 'News'
}