利用して、動的にOG画像を作成する手順を紹介します。利用して、OG画像を生成するAPIを作成します。リクエストのクエリパラメータにタイトルを付け、タイトルをOG画像に反映するようにします。以下のようなOG画像を作成できます。主催したか」の部分がタイトルとなります。作成OG画像を生成するAPIにアクセスすると、画像を返却するようにします。つけると、その値をもとにOG画像を作成できるようにします。いうファイルを用意します。この処理では、以下のことを行います。画像が取得できる想定とします。いうライブラリが使用されています。通常のブラウザとは対応しているCSSプロパティが異なるため注意が必要です。ドキュメントをご確認ください。ローカル環境での確認ローカル環境で正しく実行されるか、確認してみましょう。以下のURLにアクセスします。http://localhost:3000/api/og?title=テスト以下のように表示されれば成功です。本番環境へのデプロイローカル環境で確認できたら、Vercelにデプロイしておきます。APIを呼び出し、OG画像を設定する次に、OG画像を設定したいサイトから、1で作成したAPIを呼び出すようにします。タグの中にOG画像のURLを設定しましょう。呼び出す場合、以下のようになります。);28}コードを修正したら、デプロイを行い、本番環境に反映します。以上で、設定は終了です。これで、動的にOG画像を作成できるようになりました。