SuperStarter 依赖 Next.js 内置的 Metadata API 来处理大部分 SEO 需求。具体来说,@repo/seo 包提供了一个 createMetadata 函数,可用于为页面生成元数据。例如:

page.tsx
import { createMetadata } from '@repo/seo/metadata';

export const metadata = createMetadata({
  title: '我的页面',
  description: '我的页面描述',
});

虽然这看起来与直接从页面导出 metadata 对象类似,但 createMetadata 函数会将您的元数据与我们的默认元数据进行深度合并,使您只需自定义需要的元数据。例如,指定页面封面图片也变得更加容易:

page.tsx
import { createMetadata } from '@repo/seo/metadata';

export const metadata = createMetadata({
  title: '我的页面',
  description: '我的页面描述',
  image: '/my-page-image.png',
});