DATA-WORLD-BLOG

Next.js13.2 Fix OG_zutto2

👤horomi

🤫

ちょっとね、

本家の不具合見つけちゃったの。

image block

🤔
取得できているのに発行はされていない….

現状

🔎ローカルから確認してみる

  • Static og:imageのみ取得できていない
    • /
image block
image block

  • Static og:url以外取得できていない
    • /blog
  • Dynamic og:url以外取得できていない
    • /blog/[slug]
image block

image block

修正

Next.js13.2.1のままMetadataBaseを追加
image block
.env.localにNEXT_PUBLIC_URLの環境変数を設定済みならmetadataBaseのwarnはない

  • 改善
    • Static og:imageのみ取得できていない
      • /
      • /blog

  • 変化なし
    • Dynamic og:url以外取得できていない
      • /blog/[slug]

Next.js13.3.0に上げる

image取得できた\(^o^)/

  • /
  • /blog
  • /blog/[slug]

image block
image block

表示確認

🔎 Vercelにdeployしてみる

📍url以外取得できていない

検証画面からは取得できている📝

image block

キャッシュの兼ね合いもあるかもだから待っとく?

Vercelについて調査してみる必要がありそうだ….謎….

ここまでのPush