• 要約

• メモ

調べたことば

• 用語が分からない：黄色の文字
• 英単語が分からない：緑色の文字

導入中のmetadata

関連

ImageResponse | Next.js

Migrate Nextjs 13.2 by otoyo · Pull Request #174 · otoyo/easy-notion-blog

公式ドキュメント

The Metadata API is used to define application metadata that improves SEO and web sharability.

There are two ways to define Metadata:

• Config-based Metadata: Export a static metadata object or a dynamic generateMetadata function in a layout.js or page.js file.
• File-based Metadata: Add static or dynamically generated special files to route segments.

Config-based Metadata

// either Static metadata
export const metadata = {
  title: '...',
};

// or Dynamic metadata
export async function generateMetadata({ params }) {
  return {
    title: '...',
  };
}

Good to know

• The metadata object and generateMetadata function exports are only supported in Server Components.
• You cannot export both the metadata object and generateMetadata function from the same route segment.

metadata object

To define static metadata, export a Metadata object from a layout.js or static page.js file.

layout.tsx|page.tsx

import { Metadata } from 'next';

export const metadata: Metadata = {
  title: '...',
  description: '...',
};

export default function Page() {}

See the Metadata object reference for a complete list of supported fields.