ShipThing relies on Next.js’s built-in Metadata API to handle most of our SEO needs. Specifically, the @repo/seo package provides a createMetadata function that you can use to generate metadata for your pages. For example:
page.tsx
import { createMetadata } from '@repo/seo/metadata';

export const metadata = createMetadata({
  title: 'My Page',
  description: 'My page description',
});
While this looks similar to just exporting a metadata object from your page, the createMetadata function deep merges your metadata with our default metadata, allowing you to customize only the metadata that you need to. It’s also much easier to specify a cover photo for the page, for example:
page.tsx
import { createMetadata } from '@repo/seo/metadata';

export const metadata = createMetadata({
  title: 'My Page',
  description: 'My page description',
  image: '/my-page-image.png',
});