Webサイトを運用する上で必須のOGP画像をいちいち自分で生成するのは面倒なので、Next.jsでいい感じに作成することができたので解説します。 OGP画像とは OGP画像の「OGP」とは「Open Graph Protcol」の略で、FacebookやTwitterなどのSNSでホームページのURLをシェアした際に表示される情報のことです。 ホームページのタイトルやURL、概要に加えて、OGP画像として設定されている画像を表示させる仕組みです。 引用元:https://onca.co.jp/column/design/p9242/#:~:text=OGP%E7%94%BB%E5%83%8F%E3%81%AE%E3%80%8COGP%E3%80%8D%E3%81%A8,%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B%E4%BB%