下書き記事をサイトでプレビューする

microCMS の下書きを、draftKey 付き URL でサイト上に表示する方法。

下書き記事をサイトでプレビューする

公開前の記事を、本番サイトと同じレイアウトで確認したいことがあります。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 はサニタイズしてから表示しています。

公開前の確認や、関係者への共有に活用してください。