vercel/og-imageをフォークして自分だけのOGP画像生成サービスを作ろう
追記:Qiita にも書いた
動的にOGPを生成するのに Vercel が良いらしいという話を何度か聞いた 動的サイトの配信が出来て、画像もキャッシュしてくれるため
しかも無料プランがある
動的OGP生成サービス、つくりて~~
そんなわけで「OGP画像 動的生成」とかで調べてたらなんと Vercel 公式のリポジトリが出てきた
実際に公式ドキュメントやブログに使われている
上記ページのog:image
https://og-image.now.sh/Introduction%20to%20Vercel.png?theme=light&md=1&fontSize=75px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg
まさにこれじゃんと思って README.md を眺めていると
You'll want to fork this repository and deploy your own image generator.
と書かれているではないか
そういうわけなので、君も vercel/og-image をフォークして自分だけのOGP画像生成サービスを作ろう!
作り方
READMEのDeploy your ownとCONTRIBUTING.md を読む
おわり
作ってみた
変更点
日本語に対応させた
ロゴの選択肢を無くした
背景画像を追加出来るようにした
こんな感じになります
https://ogi-api.vercel.app/!%5B%5D(https%3A%2F%2Fgithub.com%2Fmkizka.png)%0A%0A%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99.png?theme=black&md=1&fontSize=100px&background=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1511406239133-2c1130a2d754
わりと良い感じになったので今後も使っていきたい