
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
microCMSのプレビュー機能をGatsby.jsで使う - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
microCMSのプレビュー機能をGatsby.jsで使う - Qiita
Gatsby.jsは言わずと知れたReact製の静的サイトジェネレーターですが、ビルド時にページを生成するとい... Gatsby.jsは言わずと知れたReact製の静的サイトジェネレーターですが、ビルド時にページを生成するという性質ゆえに、microCMSのプレビュー機能を使うにはひと工夫必要だったので共有したいと思います。 この機能をご存知の方はコードの部分からご覧ください。 microCMSの記事プレビュー機能について microCMSのプレビュー機能について少し説明しておくと、記事執筆画面で 公開ボタンの左にある画面プレビューを押した時に、執筆中の記事が実際にはどのように表示されるか確認できる機能です。仕組みとしては、 「画面プレビュー」をクリック 予め設定しておいたURLの変数部分(contentsIdとdraftKey)がクリックした記事のものに置き換えられたURLにアクセス という感じです。 詳しくはhttps://microcms.io/blog/draftkey_and_preview/