category

Craft CMS でステータスが無効のエントリを Gatsbyjs 側でプレビューする #craftcms

2021-08-31

ここ数日 Craft CMS の starter-blog のリポジトリの内容をさわりながら、 Gatsbyjs でのライブプレビューをひたすら触ってみたりしていた。

craftcms/starter-blog: Blog starter site learning resource.
https://github.com/craftcms/st...

なんとなくプレビューは出来てる気がしたのだが、公開済みの記事のアップデートとかが問題なさそうに見えたのでそのへんの挙動を改めて。

Gatsbyjs でためしたりしつつ、 Next.js でも試したりして見つつ。

プレビューなのだから、公開される前のエントリをプレビューしたいのだけど、ステータスが無効の状態のエントリをプレビューしようとしても、プレビューできない。

20210831 0808

はてさて、、、、とみていると下書きを作るとプレビューが動く。
これ自体は Gatsby Helper プラグインの設定で、 Preview Webhook URL の設定をしてあるので、そこが使われている様子。

__refresh が叩かれてる。

20210831 0809

タイトル左に青線が出てる感じで、変更履歴があると下書きと同じような感じで扱われている?

ステータスを有効にしていないエントリでライブプレビューしても __refresh が叩かれていない。

20210831 0810

Live Preview の画面でコンテンツを更新すると __refresh も叩かれる

20210831 0812

ので見れるようになる

20210831 0813

GraphiQLでも status:"disabled" で filter すると見れたり見れなかったりよくわからん感じ。

Next.js でも改めて触ったりこの辺を参考にして、もう少し試行錯誤してみよう。

previewのタイミングで webhook たたくのもなんかちがうような気がするし。