OGP 生成をタダでやろうとするとそのデプロイに意外と苦労したという話です。 アプリケーションの技術スタックは React/NextJS、クラウドサービスとして Cloud Storage, Cloud Functions, Vercel での検証です。 こういう設計で、クラウドサービスの選定をどうするかで頭を悩まします。 ただし 無料にこだわるため GCP の基盤は全部 Firebase から利用しています(Firebase の Spark プランでの運用)。 NextJS での SSR 時に meta タグを展開して OGP 画像を作ることが要件で、その OGP 画像はコンテンツに応じて動的に変化するものです。 ここでは動的 OGP をタダで実現するためのサービス選定について扱い、動的 OGP それ自体のやり方は扱いません。 もし気になる場合はmizchi さんの記事や、コードの全体像
![絶対にお金を払いたくない精神での動的OGP生成は辛い](https://cdn-ak-scissors.b.st-hatena.com/image/square/01cd7d7404419b8e916e6d1fc4a90068d039c017/height=288;version=1;width=512/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2Fadc48ebbee0302613f4a4508384fd13a%2Fceaff%2Fvisual.png)