はじめに 今回は前回の記事で作ったブログのプレビュー画面をNuxt.jsで作ったので まとめておきます。 ヘッドレスCMSにおけるプレビュー画面は、どうするのか完全に自由なので こちらを一つの参考にしてください。 実行環境 macOS 10.15.5 node.js 12.18.2 Yarn 1.22.4 Nuxt.js 2.14.0 ヘッドレスCMSにおけるプレビュー画面 ヘッドレスCMSのデメリットとして、プレビュー画面がないことが挙げられます。 これはビューがないヘッドレスCMSのメリットの裏返しなのですが、自分で作る必要があります。 と言ってもNuxt.jsやNext.jsだったりを使っていればさほど手間のかかる作業ではないので安心してください。 プレビュー画面でのNuxt.jsのデプロイモード 前提としてNuxt.jsのモードには Universal (SSR) Generate