React(SPA)で動的にOGを変化させる
SPA
でページごとに動的な
OGP
をつけたいが、
SSR
はしたくないときに取りうる方法
Title and Meta Tags · Create React App
nfl/react-helmet: A document head manager for React
をつかうのがよさそう
SSR無しでReactアプリをOGPとかに対応させる (Netlify編) - Qiita
Netlify
の有料(9USD)プランでは自動的にprerenderingをしてくれる
SNS映えするWebアプリを...!FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみたら案外楽だった - Qiita
Cloud function
で動的にOGPと画像を生成
画像はnode-canvasで画像を生成して返す
Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
SPAでのOGP設定と表示方法 - inokawablog
(2019/12/23 )
User Agent
でクローラーを判定して、クローラーのときのみstaticなresourceを返す
動的にはできなそう