52 lines (32 loc) · 1.94 KB

サイト更新 -プレビュー機能-

プレビュー機能について

Next.js(App Router) の Draft Mode を利用して、公開前のコンテンツをプレビューできます。

プレビュー機能が利用できるページ

プレビューの方法

下書き保存 後に右上の 画面プレビュー ボタンをクリックすると、プレビュー画面が表示されます。

Note

プレビュー画面はリアルタイムで更新されません。変更内容をプレビューで確認した場合は「画面プレビュー」ボタンを再度クリックしてください。

microCMS 操作方法

プレビュー画面

プレビューURL

プレビュー画面のURLは、https://tcu-dc.net/draft/ から始まります。

Important

プレビュー画面の URL はその場限りのものです。共有はできません。

プレビューの終了方法

タブを閉じるか、バナーの プレビューを終了 ボタンをクリックするとプレビューを終了できます。
プレビューを終了 ボタンは micorCMS の管理画面へのリンクです。基本はタブを閉じることを推奨します。

開発者向け：microCMS 遷移先URL の設定

microCMS の管理画面からプレビュー画面への遷移先 URL を設定しています。

設定内容

トップページ
- https://tcu-dc.net/api/draft/top/?contentId={CONTENT_ID}&draftKey={DRAFT_KEY}
固定ページ
- https://tcu-dc.net/api/draft/pages/?contentId={CONTENT_ID}&draftKey={DRAFT_KEY}
記事ページ
- https://tcu-dc.net/api/draft/posts/?contentId={CONTENT_ID}&draftKey={DRAFT_KEY}