運用・インフラ
SEO / OGP画像生成
generateMetadata と ImageResponse による動的OGP画像
生成されたOGP画像
/features/seo-og-image/opengraph-image仕組み
opengraph-image.tsxをルートセグメントに置くと、そのURLのOGP画像として自動的にmetaタグへ登録されるImageResponseはJSXとCSSをPNGに変換する(flexbox中心のCSSサブセットのみ対応)generateMetadataでタイトルや説明文をページのデータから動的に組み立てられる
確認方法
このページのHTMLソースを表示し、og:image / twitter:image のメタタグが挿入されていることを確認できます。