Routerを指定した場合のMetadataの設定方法を紹介します。合わせて、OGP画像の生成方法も紹介します。router時代には<Head>を使って定義していたものです。pages.tsxまたはlayout.tsxに以下のように定義します。"OGPのサンプルWebSiteです。"OGPのサンプルWebSiteです。"http://localhost:3000"),};基本的には、上位階層で指定したMetadataが下位階層にも適用されていきます。下位階層でこれらの値を変更したい場合は、同じようにmetadataを作成し、変更したい値のみ定義することで、上書きすることができます。テンプレート機能を使用することで、下位階層から受けた値を埋め込むようなこともできます。することで、実現できます。いうfunctionをexportすれば、実現できます。};}generateMetadataでのパラメータの取り方は、Pageと同じです。この中でもAPIをフェッチすることが出来るので、取得したデータをもとに、タイトルを生成することができます。svgの場合は、配置した画像がそのままOGP画像として使用されます。