satori + resvg でOGP画像をビルド時自動生成

SNSシェア時の見栄えを統一するため、satori でSVGを生成し、resvg でPNG化して public/ogp/[slug].png に保存します。

流れ

ビルド前に Notion から記事メタデータ（title, slug, tags, date）を取得

satori でテンプレートに流し込み、1200×630 のSVGを生成

resvgでPNG化し、public/ogp/ へ書き出し

手作業不要で全記事にOGPが行き渡る

デザインの統一と変更が容易（テンプレ1箇所を調整するだけ）

画像ファイルをリポジトリに含めず、ビルドで都度生成も可能

見た目にこだわるほどクリック率が変わるので、最初に仕組み化しておくのが吉。