Contentful & Gatsby.jsでリッチテキストを扱う | DevelopersIO

ヘッドレスCMSのContentfulではリッチテキストで文章を書くことができます。 今回はContentfulと組み合わせることが多い静的サイトフレームワークのGatsby.jsでリッチテキストを出力する方法を備忘録として記載しておきます。 前提 Contentful & Gatsbyですでにアプリを運用している 1. Contentfulでリッチテキストを投稿する Contentful側のContent Modelで「Rich text」というフィールドタイプが用意されています。 シチュエーションに応じて、エディタから不要なHTMLタグを隠すこともできます。 以上のフィールドを追加したのち記事を投稿しておいてください。 2. リッチテキストをレンダリングするプラグインのインストール Gatsby.js側で、プラグインをインストールします。 import { BLOCKS } from