"30px",}}>日本語テキストです。Config」の項目です。https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-configレンダリングにsatoriを使用しているため、次のような制約があります。いずれかである必要があります。使用できるCSSに制約があります。https://github.com/vercel/satori#csssatoriを試せるPlaygroundで先にレイアウトを組むと楽ですhttps://og-playground.vercel.app/この状態でページを開いてみると、以下のようにmetaタグが挿入されています。このURLを開いてみると、生成された画像を確認することができます。カスタムフォントカスタムフォントを使用するには、大きく分けて次の2つの方法があります。Fontsからダウンロードする前者のほうが、OGP画像を生成するコストが低くなりますが、フォントファイルを内包する必要があるため、ビルド後のバンドルサイズが大きくなってしまいます。Functionを使用する場合に問題があります。sizeはhobbyで1MB、Enterpriseでも4MBとなっています。Fcuntionを使用する場合には、フォントをそのまま埋め込むのは無理があるため、必要な文字のみに絞る「サブセット化」が必要になります。(サブセットフォントメーカーなどを使用するようです。)それに対し、後者は、ランタイムでフォントファイルをダウンロードしに行くため、効率が良いとは言えませんが、デプロイできない問題は解消できます。この実装方法はいくつかありますが、こちらの記事が一番参考になります。netlifyへデプロイ今回はnetlifyにデプロイしてみます。Functionに登録され、実際にOGP画像が生成されます。https://joyful-paletas-efc0cf.netlify.app/posts/1/OGP確認ツール上でも、Metaタグに設定された内容や、OGP画像が反映されていることが確認できます。さいごに様々なサービスでメタタグやOGP画像が読み込まれることから、パブリックサイトではほぼ必須の実装になると思いました。助言を提供するものではありません。仮想通貨の投資・損益計算は複雑であり、個々の取引状況や法律の変更によって異なる可能性があります。ブログに記載された情報は参考程度のものであり、特定の状況に基づいた行動の決定には専門家の助言を求めることをお勧めします。当ブログの情報に基づいた行動に関連して生じた損失やリスクについて、筆者は責任を負いかねます。最新の法律や税務情報を確認し、必要に応じて専門家に相談することをお勧めします。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト上に表示された文字を入力してください。私たちは無料アプリもリリースしています、ぜひご覧ください。下記のアイコンから無料でダウンロードできます。