World Hacker（ぎょうざブログ）

開発ツールを使い込んでいるつもりでも、実際にデプロイして実運用して初めて気づくことも多いので

あとで見返すことができる備忘録として記録しておきます。

• 開発環境でNotionカバー画像（Unsplash取得）の動作確認で、独自アップロードで表示できるか確認してなかった。。。
  • 現象：notion記事のカバー画像に独自アップロードした画像が表示されない
  • 原因：Imageコンポーネントを使う際に next.config.jsのモジュール関係の記述に
    Copy

      images: {
        domains: ["www.notion.so", "images.unsplash.com", "prod-files-secure.s3.us-west-2.amazonaws.com"],
      },

    Notionが画像を取得しているサーバー元のドメイン"prod-files-secure.s3.us-west-2.amazonaws.com"の記述がない。

  • 教訓：NotionAPIの仕様上？、外部サイトのURLを参照するには、事前にconfigに教えてあげよう！

ここまで読んでいただき、ありがとうございました。

以上、ぎょうざでした。