RemixでmicroCMSを使ったブログサイトを構築してみた〜プレビュー画面〜 | DevelopersIO

はじめに こんにちは、CX事業本部MAD事業部の森茂です。 こちらの記事でRemixとmicroCMSを使った簡単なブログを構築してみました。ただ実際に運用する場合はブログに記事を投稿する際あらかじめプレビュー画面で確認したいことが多いと思います。microCMSには記事を書く際に下書き保存している記事を確認するためのプレビュー機能があるので、今回はその機能をRemixで実装してみました。 microCMSの設定 microCMSでは下書き状態のコンテンツにdraftKeyというユニークなキーが発行されます。コンテンツ取得時にこのdraftKeyを付与することでまだ公開されていない下書き状態のコンテンツを取得できます。microcms-js-sdkを利用している場合は、queriesにdraftKeyを付与するだけ取得できるようになります。 const content = await cl