公開前の記事を、本番サイトと同じレイアウトで確認したいことがあります。microCMS では draftKey を使ったプレビュー機能でそれができます。
1. プレビュー URL の形式
このサイトでは下書きプレビュー用に次の URL を用意しています。
/articles/draft/<contentId>?draftKey=<key>
例: /articles/draft/draft-test?draftKey=Q-KTEZtTtK
2. draftKey の取得
microCMS の管理画面で記事を編集し、保存(下書き)するとプレビュー用のリンクが表示されます。その URL に含まれる draftKey クエリをコピーして、上記の形式の URL に付与します。
3. 表示される内容
タイトル・説明・本文(body のリッチテキストブロック)が、locale に応じて content / content_en から選ばれて表示されます。XSS 対策のため HTML はサニタイズしてから表示しています。
公開前の確認や、関係者への共有に活用してください。
